05. februar 2006 - 14:25
Der er
5 kommentarer og 1 løsning
Hjemmestrikket dropdownmenu.
Jeg har lavet den her dropdownmenu, men den virker ikke: <div style='float:left;' OnMouseOut="showlink3.style.visibility='hidden';"> <div OnMouseOver="showlink3.style.visibility='visible';"> <a href='#' style='display:block;'>Hovedlink</a> </div> <div style='visibility:hidden;' id='showlink3'> <a href='#' style='display:block;'>Underlink1</a> <a href='#' style='display:block;'>Underlink2</a> </div> </div> Når jeg holder musen over "hovedlink" kommer underlink 1 og 2 frem som de skal. Men forsøger jeg at køre musen ned på underlinksne forsvinder de igen. Så vidt jeg kan se burde de ikke gøre det eftersom at både hovedlink og underlinksne er inde i den div der er sat "onmouseout" på.. Håber der er nogen der kan hjælpe.
Annonceindlæg fra Trustworks
Tillid i en Zero-Trust verden
Med voksende trusler, nye EU-krav og øget kompleksitet er cybersikkerhed nu en central ledelsesopgave på linje med strategi og økonomi.
05. februar 2006 - 16:08
#1
Hvad med denne: ---- <div style="background-color:black;width:200px;color:white;" OnMouseOver="undermenu.style.visibility='visible';" OnMouseOut="undermenu.style.visibility='hidden';">Hovedmenu</div> <div id="undermenu" style="visibility:hidden;" OnMouseOver="undermenu.style.visibility='visible';" OnMouseOut="undermenu.style.visibility='hidden';"> <a href="#">Underlink1</a><br /> <a href="#">Underlink2</a><br /> <a href="#">Underlink3</a><br /> <a href="#">Underlink4</a><br /> </div> ----
06. februar 2006 - 14:42
#4
-- og i en udgave, der vil virke i alle browsere og give mulighed for flere menu-punkter: <div style="background-color:black;width:200px;color:white;" onmouseover="document.getElementById('undermenu').style.display='block';" onmouseout="document.getElementById('undermenu').style.display='none';">Hovedmenu <div id="undermenu" style="display:none;"> <a href="#">Underlink1</a><br> <a href="#">Underlink2</a><br> <a href="#">Underlink3</a><br> <a href="#">Underlink4</a><br> </div> </div> <div style="background-color:black;width:200px;color:white;" onmouseover="document.getElementById('undermenu2').style.display='block';" onmouseout="document.getElementById('undermenu2').style.display='none';">Menu2 <div id="undermenu2" style="display:none;"> <a href="#">Underlink1</a><br> <a href="#">Underlink2</a><br> <a href="#">Underlink3</a><br> <a href="#">Underlink4</a><br> </div> </div>