timeout problem

Måske dette fungerer(?):

<td onMouseOver="test('menu1')" onMouseOut="timerID=setTimeout('test2('menu1')',1000)" style="background-color:#FFFFFF; padding-left:5px;">Hej1
<div id="menu1" class="dropdown_div" onMouseOver="test(this.id)" onMouseOut="timerID=setTimeout('test2('+this.id+')',1000)">emne1<br />
emne2<br />emne3</div>
</td>

tak for det hurtige svar, men virker desvære ikke. Den viser sig, men timeout'en forsvinder ikke.

Jeg kan prøve at vise siden, den ligger bare ikke på nettet endnu

http://netbar.dk/nvpro/ (virker ikke så godt i IE)

Ja, ok, jeg kommer lige til at se der benyttes apostroffer i en streng og det er jo ikke så godt, så de skal først escapes:

<td onMouseOver="test('menu1')" onMouseOut="timerID=setTimeout('test2(\'menu1\')',1000)" style="background-color:#FFFFFF; padding-left:5px;">Hej1
<div id="menu1" class="dropdown_div" onMouseOver="test(this.id)" onMouseOut="timerID=setTimeout('test2('+this.id+')',1000)">emne1<br />
emne2<br />emne3</div>
</td>

Prøv lige at se om det fungerer bedre...

...og så skal jeg jo lige prøve at komme ind i kampen, for der skal jo også escapede apostroffer i kaldet til test2 ved rollout på popup-laget:

<td onMouseOver="test('menu1')" onMouseOut="timerID=setTimeout('test2(\'menu1\')',1000)" style="background-color:#FFFFFF; padding-left:5px;">Hej1
<div id="menu1" class="dropdown_div" onMouseOver="test(this.id)" onMouseOut="timerID=setTimeout('test2(\''+this.id+'\')',1000)">emne1<br />
emne2<br />emne3</div>
</td>

Nu er det ClearTimeout som ikke virker? :P eller var jo meningen at når man tar musen over et nyt emne skal den gamle forsvinde. :) eller virker det skønt

Husk lige den sidste rettelse jeg nævnte med apostroffer i kaldet til test2 (sitet under dit link fra tidligere er i det mindste ikke opdateret :)).

sorry sad med det på maskinen :) er uploaded nu.

Ja, det er fordi du ikke holder styr på hvilket lag der er åbent i øjeblikket. Som det er nu lukkes lagt kun af den timeout du har sat op, så lukningen kommer til at foregå med en forsinkelse på 1 sekund, men hvis du vil have det åbne lag lukket, så skal du sætte visibility på det åbne lag idet du forsøger at åbne et nyt. Timeout på 1 sekund skal kun effektueres i de tilfælde at der ikke åbnes et nyt lag som det næste. Derfor skal du nok have indført en variabel mere, som huske det aktuelle lag:

<script type="text/javascript">
var timerID = null;
var aktueltlag = null;

function test(id)
{
    if(aktueltlag)
    {
        clearTimeout(timerID);
        aktueltlag.style.visibility = "hidden";
    }
    aktueltlag = document.getElementById(id);
    aktueltlag.style.visibility = "visible";
}

function test2(id)
{
    aktueltlag.style.visibility="hidden";
    aktueltlag = null;
}
</script>

genialt, tusind tak :) smid et svar

Velbekomme :)

Tak for point :)