Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript] Rozwijana nawigacja
-lukasamd-
post
Post #1





Goście







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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
nitek
post
Post #2





Grupa: Zarejestrowani
Postów: 209
Pomógł: 37
Dołączył: 27.02.2008
Skąd: Kwidzyn

Ostrzeżenie: (0%)
-----


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.


--------------------
Go to the top of the page
+Quote Post
Darti
post
Post #3





Grupa: Zarejestrowani
Postów: 1 076
Pomógł: 62
Dołączył: 6.03.2005
Skąd: Wroc

Ostrzeżenie: (0%)
-----


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...


--------------------
The answer is out there, Neo. It's looking for you. And it will find you, if you want it to.
SERVER_SOFTWARE : Apache/2.2.4 (Win32) PHP/5.2.1
MySQL Client API version : 5.0.27
Go to the top of the page
+Quote Post
erix
post
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Jeśli na onclick, to można by było pokombinować z :focus i :active.

Ale generalnie bez JS będzie ciężko...


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
Mize
post
Post #5





Grupa: Zarejestrowani
Postów: 84
Pomógł: 6
Dołączył: 26.03.2008
Skąd: Łódź

Ostrzeżenie: (0%)
-----


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 !


--------------------
NULL;
Go to the top of the page
+Quote Post
-lukasamd-
post
Post #6





Goście







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.
Go to the top of the page
+Quote Post
Darti
post
Post #7





Grupa: Zarejestrowani
Postów: 1 076
Pomógł: 62
Dołączył: 6.03.2005
Skąd: Wroc

Ostrzeżenie: (0%)
-----


Rozwijane menu na kliknięcie bez javascript ? w czystym html'u ? takie rzeczy to tylko w ...
A Flash'em by się kolega pobawił ?


--------------------
The answer is out there, Neo. It's looking for you. And it will find you, if you want it to.
SERVER_SOFTWARE : Apache/2.2.4 (Win32) PHP/5.2.1
MySQL Client API version : 5.0.27
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 06:25