Avatar billede xfox Nybegynder
27. april 2004 - 08:22 Der er 1 kommentar

Dropdown menu problem

Har lavet en menu, men den bliver ved med at aktivere OnMouseOut når musen kører ud af en td. Den skulle først aktiveres når musen kører ud over laget(<Div>). Hvad gør jeg galt?

Koden:

<div id="menu1" style="position:absolute; top:65; left:120; visibility:hidden; background-color:0000ff;" onMouseOut="document.all.menu1.style.visibility = 'hidden';">
<table border="0" style="border-color:#0080FF;" cellspacing="0" cellpadding="0" >
  <TR><td width="100">Login</td></tr>
  <TR><td width="100">Info</td></tr>
  <TR><td width="100">Muligheder</TD></TR>       
</TABLE>
</div>
Avatar billede olebole Juniormester
27. april 2004 - 17:27 #1
<ole>

Det grunder sig vist i manglende forståelse af browserens mouse-events. Laver du mouseover på et element, kan du ikke undgå at lave mouseout på det, musen stod over før. Eksempel:

<div onmouseover="alert('ind i outerDiv')" onmouseout="alert('ud af outerDiv')"
    style="width:500px;height:300px;background-color:red">
    OuterDiv
    <div onmouseover="alert('ind i innerDiv')" onmouseout="alert('ud af innerDiv')"
    style="width:200px;height:75px;margin:20px;background-color:blue">
    InnerDiv
    </div>
</div>

Det er ikke så ligetil at lave en dropdown-menu i DHTML. Du kommer let op på 500 kodelinier, hvis den skal fungere ordentligt  :)

/mvh
</bole>
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