Forum PHP.pl > Rozwijane menu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Rozwijane menu - problem z kodem

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

cineck

1.01.2009, 21:12:15

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 
<center><div onclick="if(document.getElementById('lista_do_rozwiniecia').style.display == 'none')
document.getElementById('lista_do_rozwiniecia').style.display = 'block';
else document.getElementById('lista_do_rozwiniecia').style.display = 'none';
">Rok 2009</div></center>
<ul id="lista_do_rozwiniecia" style="display: none;">
    <li>Styczeń</li>
    <li>Luty</li>
    <li>Marzec</li>
</ul><br>
</center>
[HTML] pobierz, plaintext

Czy idzie zmienić ten kod tak aby klikając na dany miesiąc rozwijało się kolejne pod menu

Prosiłbym o pomoc

Pozdrawiam i Najlepszego w Nowym Roku życzę

Rafal Filipek

2.01.2009, 01:33:37

Można tak, polecam pobawić się też jakąś biblioteką w stylu np. jQuery

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title></title>
    <script type="text/javascript">
    function toggleList(){
        document.getElementById('lista').style.display = (document.getElementById('lista').style.display=='none') ? 'block' : 'none';
    }
    function toggleSublist(object){
        var list = object.parentNode.getElementsByTagName('ul')[0];
        list.style.display = (list.style.display=='none') ? 'block' : 'none';
    }
    </script>
</head>
<body>
<div onclick="toggleList()">Rok 2009</div>
<ul id="lista">
    <li>
        <span onclick="toggleSublist(this);">Styczeń</span>
        <ul>
            <li>raz</li>
            <li>dwa</li>
            <li>trzy</li>
        </ul>
    </li>
    <li>
        <span onclick="toggleSublist(this)">Luty</span>
        <ul>
            <li>raz</li>
            <li>dwa</li>
            <li>trzy</li>
        </ul>
    </li>
    <li>
        <span onclick="toggleSublist(this)">Marzec</span>
        <ul>
            <li>raz</li>
            <li>dwa</li>
            <li>trzy</li>
        </ul>
    </li>
</ul>
</body>
</html>
[HTML] pobierz, plaintext

cineck

2.01.2009, 11:35:39

Rafal Filipek, no świetna robota , dzięki

ale jest małe ale

jak zrobić żeby od razu po otwarciu się strony całe te menu, było zwinięte

? bo teraz od razu gdy ładuje stronę menu jest całkowicie rozwinięte.

Pozdrawiam

erix

2.01.2009, 11:42:24

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ś

cineck

2.01.2009, 11:48:45

erix, świetnie dzięki, tylko, że mam stronę na silniku php nuke i nie wiem gdzie dodać ten kod

Cholercia bez tego ciężko będzie...

WebKing

2.01.2009, 12:15:36

Zastosuj jakiś system templatów lub

[PHP] pobierz, plaintext 
<?php
echo "JAKIS KOD";
?>
KOD HTML
<?php
echo "JAKIS KOD";
?>
[PHP] pobierz, plaintext

cineck

2.01.2009, 16:41:57

Cytat(erix @ 2.01.2009, 13:42:24 )

Utwórz funkcję uruchamianą przy wczytaniu strony (Google: onload)

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

? trzeba to wszystko dodawać

erix

2.01.2009, 19:13:00

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.

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.

cineck

2.01.2009, 20:05:23

Cytat(erix @ 2.01.2009, 21:13:00 )

Właśnie o to chodzi, aby dopisać coś do kodu.

Gdzie masz to menu? W którym pliku?

Nie mam tego w pliku, stworzyłem blok html, i tam wstawiam cały kod

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.