Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Rozwijane menu - problem z kodem
cineck
post
Post #1





Grupa: Zarejestrowani
Postów: 98
Pomógł: 0
Dołączył: 8.12.2003
Skąd: Babimost City

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


Witam, mam w javie takie rozwijane menu, przykład tutaj: http://bomst.pdg.pl/skrypt.html

Kod wygląda następująco:
  1. <center><div onclick="if(document.getElementById('lista_do_rozwiniecia').style.display == 'none')
  2. document.getElementById('lista_do_rozwiniecia').style.display = 'block';
  3. else document.getElementById('lista_do_rozwiniecia').style.display = 'none';
  4. ">Rok 2009</div></center>
  5. <ul id="lista_do_rozwiniecia" style="display: none;">
  6. <li>Styczeń</li>
  7. <li>Luty</li>
  8. <li>Marzec</li>
  9. </ul><br>

Czy idzie zmienić ten kod tak aby klikając na dany miesiąc rozwijało się kolejne pod menu (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) Prosiłbym o pomoc (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Pozdrawiam i Najlepszego w Nowym Roku życzę (IMG:http://forum.php.pl/style_emoticons/default/czarodziej.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Rafal Filipek
post
Post #2





Grupa: Zarejestrowani
Postów: 274
Pomógł: 54
Dołączył: 2.05.2006
Skąd: Nadarzyn

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


Można tak, polecam pobawić się też jakąś biblioteką w stylu np. jQuery
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <script type="text/javascript">
  3. function toggleList(){
  4. document.getElementById('lista').style.display = (document.getElementById('lista').style.display=='none') ? 'block' : 'none';
  5. }
  6. function toggleSublist(object){
  7. var list = object.parentNode.getElementsByTagName('ul')[0];
  8. list.style.display = (list.style.display=='none') ? 'block' : 'none';
  9. }
  10. </script>
  11. </head>
  12. <div onclick="toggleList()">Rok 2009</div>
  13. <ul id="lista">
  14. <li>
  15. <span onclick="toggleSublist(this);">Styczeń</span>
  16. <ul>
  17. <li>raz</li>
  18. <li>dwa</li>
  19. <li>trzy</li>
  20. </ul>
  21. </li>
  22. <li>
  23. <span onclick="toggleSublist(this)">Luty</span>
  24. <ul>
  25. <li>raz</li>
  26. <li>dwa</li>
  27. <li>trzy</li>
  28. </ul>
  29. </li>
  30. <li>
  31. <span onclick="toggleSublist(this)">Marzec</span>
  32. <ul>
  33. <li>raz</li>
  34. <li>dwa</li>
  35. <li>trzy</li>
  36. </ul>
  37. </li>
  38. </ul>
  39. </body>
  40. </html>
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 25.12.2025 - 10:50