 HTML beginner |
|
Goedendag,
Ik wil mijn menu laten uitklappen met css en javascript. Ik dacht dit eenvoudig te doen. Maar mijn onClick werkt niet zoals ik wil. "subMenu1" is de class van de ul die in de huidige li staat. Nu wil ik dus de "display" van een andere class wijzigen. Maar dit werkt niet. Weet iemand hoe ik het juist moet doen?
<ul class="mainMenu">
<li onClick="subMenu1.style.display='block'; this.style.background='background: url(images/min.gif) no-repeat 0 0px'" onMouseOver="this.style.cursor='pointer'">Home
<ul class="subMenu1">
<li>Home 1</li>
<li>Home 2</li>
<li>Home 3</li>
</ul>
</li>
<li>Kalender</li>
<li>Contact</li>
</ul>
<ul class="mainMenu"> <li onClick="subMenu1.style.display='block'; this.style.background='background: url(images/min.gif) no-repeat 0 0px'" onMouseOver="this.style.cursor='pointer'">Home <ul class="subMenu1"> <li>Home 1</li> <li>Home 2</li> <li>Home 3</li> </ul> </li> <li>Kalender</li> <li>Contact</li> </ul>
EDIT:
Ik heb het nu een beetje anders gemaakt. Ik probeer het nu met een javascript functie:
function klapOpen( sourceElement ) {
var className = getElementByClass(sourceElement)
className.style.display = "block";
return;
}
function klapOpen( sourceElement ) { var className = getElementByClass(sourceElement) className.style.display = "block"; return; }
en die roep ik zo aan:
<li onClick="klapOpen('subMenu');>tekst</li>
<li onClick="klapOpen('subMenu');>tekst</li>
Dit werkt echter nogsteeds niet, iemand die mij kan helpen?
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
