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:
[HTML] pobierz, plaintext 
  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>
  10. </center>
[HTML] pobierz, plaintext

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 (1 - 8)
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
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4.     <title></title>
  5.     <script type="text/javascript">
  6.     function toggleList(){
  7.         document.getElementById('lista').style.display = (document.getElementById('lista').style.display=='none') ? 'block' : 'none';
  8.     }
  9.     function toggleSublist(object){
  10.         var list = object.parentNode.getElementsByTagName('ul')[0];
  11.         list.style.display = (list.style.display=='none') ? 'block' : 'none';
  12.     }
  13.     </script>
  14. </head>
  15. <body>
  16. <div onclick="toggleList()">Rok 2009</div>
  17. <ul id="lista">
  18.     <li>
  19.         <span onclick="toggleSublist(this);">Styczeń</span>
  20.         <ul>
  21.             <li>raz</li>
  22.             <li>dwa</li>
  23.             <li>trzy</li>
  24.         </ul>
  25.     </li>
  26.     <li>
  27.         <span onclick="toggleSublist(this)">Luty</span>
  28.         <ul>
  29.             <li>raz</li>
  30.             <li>dwa</li>
  31.             <li>trzy</li>
  32.         </ul>
  33.     </li>
  34.     <li>
  35.         <span onclick="toggleSublist(this)">Marzec</span>
  36.         <ul>
  37.             <li>raz</li>
  38.             <li>dwa</li>
  39.             <li>trzy</li>
  40.         </ul>
  41.     </li>
  42. </ul>
  43. </body>
  44. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
cineck
post
Post #3





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

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

Rafal Filipek, no świetna robota , dzięki (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ale jest małe ale (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) jak zrobić żeby od razu po otwarciu się strony całe te menu, było zwinięte (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) ? bo teraz od razu gdy ładuje stronę menu jest całkowicie rozwinięte.

Pozdrawiam
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
Utwórz funkcję uruchamianą przy wczytaniu strony (Google: onload) i daj coś takiego:
Kod
function collapseAll(){
var elems = document.getElementById('lista').getElementsByTagName('span');
for(var i = 0; i<elems.length; i++){
toggleList(elems[i]);
}

toggleList();
}

pisane z palca, jak coś
Go to the top of the page
+Quote Post
cineck
post
Post #5





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

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

erix, świetnie dzięki, tylko, że mam stronę na silniku php nuke i nie wiem gdzie dodać ten kod (IMG:http://forum.php.pl/style_emoticons/default/mellow.gif) Cholercia bez tego ciężko będzie...
Go to the top of the page
+Quote Post
WebKing
post
Post #6





Grupa: Zarejestrowani
Postów: 219
Pomógł: 16
Dołączył: 16.07.2007

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

Zastosuj jakiś system templatów lub
[PHP] pobierz, plaintext 
  1. <?php
  2. echo "JAKIS KOD";
  3. ?>
  4. KOD HTML
  5. <?php
  6. echo "JAKIS KOD";
  7. ?>
[PHP] pobierz, plaintext


Ten post edytował WebKing 2.01.2009, 12:15:56
Go to the top of the page
+Quote Post
cineck
post
Post #7





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

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

Cytat(erix @ 2.01.2009, 13:42:24 ) *
Utwórz funkcję uruchamianą przy wczytaniu strony (Google: onload)


i

Cytat
Zastosuj jakiś system templatów


Sory ale nie znam się na php... nie wiem co oznaczają te opisy, templaty itp, nie idzie zmienić czegoś w kodzie aby te menu było zwinięte (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) ? trzeba to wszystko dodawać (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) (IMG:http://forum.php.pl/style_emoticons/default/wstydnis.gif)
Go to the top of the page
+Quote Post
erix
post
Post #8





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Cytat
Sory ale nie znam się na php... nie wiem co oznaczają te opisy, templaty itp, nie idzie zmienić czegoś w kodzie aby te menu było zwinięte ? trzeba to wszystko dodawać

Właśnie o to chodzi, aby dopisać coś do kodu. (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Gdzie masz to menu? W którym pliku?

Cytat
Sory ale nie znam się na php... nie wiem co oznaczają te opisy, templaty itp,

Wujek Google wie. Celowo napisałem w nawiasie.
Go to the top of the page
+Quote Post
cineck
post
Post #9





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

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

Cytat(erix @ 2.01.2009, 21:13:00 ) *
Właśnie o to chodzi, aby dopisać coś do kodu. (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Gdzie masz to menu? W którym pliku?

Nie mam tego w pliku, stworzyłem blok html, i tam wstawiam cały kod (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 24.12.2025 - 19:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn