PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
A

UL/LI menu laten in en uitklappen...

Door Arjan Kapteijn op 12-01-2007 17:10
1.383 views
Ik heb een heel simpel stukje PHP geschreven wat een oneindig HTML correct UL/LI uit een database trekt. Nou wil ik daar een simpel 'in- en uitklap' systeempje van maken. Ik heb dat een keer eerder gedaan voor Schuitema maar ik ben niet echt tevreden over de complexiteit daarvan. Ik ben ervan overtuigd dat het simpeler moet kunnen dus ik heb even wat hulp nodig van jullie.

Hoe kunnen we op een hele eenvoudige manier een UL/LI menu omzetten naar een in- en uitklap systeem?
K i p
12-01-2007 17:34
Ik snap niet helemaal wat je bedoelt. Ik zeg doe simpelweg dit:

    <script type="text/javascript">
        function show(veld)
        {
            var veld = document.getElementById(veld);
            if (veld.style.display == 'none')
            {
                veld.style.display = 'block';
            }
            else
            {
                veld.style.display = 'none';
            }
        }
    </script>
    <h1 onclick="show('menu');">Laat zien</h1>
    <ul id="menu">
        <li>Link</li>
        <li>link</li>
    </ul>
Of wil je het zonder Javascript? Ik snap niet goed wat je wilt omdat ik (bijna wel) weet dat je dit scriptje zelf beter kan maken. Of wil je dat PHP automatisch boven zo'n <ul><li>link</li></ul> een knop maakt om het menu in te klappen?

Ik snap het niet, Boris.
A
Arjan Kapteijn
12-01-2007 17:51
Dat de bolletjes van een ul/li menu vervangen worden door een plusje en een minnetje zodat je op die manier stukjes kan in en uitklappen. Net zoals de linkerkant van Windows Verkenner. :)
P
Ponzi
22-02-2007 11:15
Je kan de bolletjes van de ul/li vervangen door CSS.


ul { list-style-type: none; }

ul li { background: 0px 4px url(images/Li.gif) no-repeat; }


Het uitklappen zal je via Javascript moeten doen.
Veel succes ermee ;-) .

Reageren

Inloggen om te reageren