Avatar billede ins4ne Nybegynder
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.
Avatar billede webstuff Nybegynder
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>
----
Avatar billede ins4ne Nybegynder
05. februar 2006 - 16:09 #2
Ja det virker søreme jeg kan ikke se hvorfor min egen ikke virker men tak
Avatar billede webstuff Nybegynder
05. februar 2006 - 16:24 #3
Selv tak da :-)
Avatar billede roenving Novice
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>
Avatar billede webstuff Nybegynder
06. februar 2006 - 19:36 #5
Det virker ikke i Opera?
Avatar billede roenving Novice
07. februar 2006 - 15:54 #6
Hvilken Opera ?-)

-- den virker helt ens i alle mine browsere !-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester