Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript] Rozwijana nawigacja
Forum PHP.pl > Forum > Przedszkole
lukasamd
Witam,
od dłuższego czasu stosuję na swojej stronie rozwijaną nawigację, tak wygląda funkcja w java script:

  1. function show_hide(msg_id) {
  2. msg_id.style.display = msg_id.style.display == 'none' ? '' : 'none';
  3. }


a tak użycie:

  1. <a href="ADRES">Link0</a>
  2. <a href="javascript:show_hide(nav_1)">Grupa1</a>
  3. <div id="nav_1">
  4. <a href="ADRES">Link1</a>
  5. <a href="ADRES">Link2</a>
  6. <a href="ADRES">Link3</a>
  7. <a href="ADRES">Link4</a>
  8. </div><script type="text/javascript">show_hide(nav_1)</script>
  9. <a href="ADRES">Link5</a>
  10. <a href="ADRES">Link6</a>


Ostatnio zauważyłem jednak, iż kiedy ktoś nie stosuje np. noscript w firefoxie, menu oczywiście mu działać nie będzie.

Jak to rozwiązać w taki sposób, aby działało u każdego a zarazem było zgodne ze standardem HTML 4.01
nitek
można całość zrobić z pomocą CSS - zainteresuj się kodem na stronie http://www.dynamicdrive.com/style/csslibra...horizontal/P10/

Mam nadzieję, że pomoże.
Darti
Cytat(nitek @ 13.11.2008, 01:23:15 ) *
można całość zrobić z pomocą CSS - zainteresuj się kodem na stronie http://www.dynamicdrive.com/style/csslibra...horizontal/P10/

Mam nadzieję, że pomoże.


to nie da rady, tam też jest javascript.
Ale czymś trzeba wywołać akcję, może pseudoklasa :hover powiązana z overflow albo wysokością diva, w którym są buttony? tylko że :hover nie za bardzo działa w IE6...
erix
Jeśli na onclick, to można by było pokombinować z :focus i :active.

Ale generalnie bez JS będzie ciężko...
Mize
Tutaj jest menu tylko w CSS.

Tutorial...
http://www.kriesi.at/archives/create-a-mul...e-it-via-jquery

Przykład...
http://www.kriesi.at/wp-content/extra_data...rial/step3.html

Wystarczy przejrzeć tutorial do kroku 3, dalej korzystamy już z jQuery.

Pozdrawiam !
lukasamd
Dzięki za wszystko, ale zostałem źle zrozumiany... albo i moja wina bo nie sprecyzowałem.

Nie chodzi mi o automatyczne rozwijanie nawigacji, tylko o rozwinięcie dopiero gdy się kliknie na link-spis.
Darti
Rozwijane menu na kliknięcie bez javascript ? w czystym html'u ? takie rzeczy to tylko w ...
A Flash'em by się kolega pobawił ?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.