script.aculo onMouseOut tekst

[Verwijderd]

ik heb een menutje gemaakt voor een website welke moet uitschuiven als je over een bepaalde knop heen gaat. Dit werkt goed.

Ik gebruik overigens de AJAX libary van script.aculo

Nu wil ik alleen als ik met mijn muis buiten dat menutje ga, dat hij weer inschuift. Dat heb doe ik met een onMouseOut =>

<div id="blindDownMenu" onMouseOut="blindItUp()">bla bla bla</div>

<script language="javascript">
// <![CDATA[

function blindItUp() {
Effect.BlindUp('blindDownMenu',{queue:'end', duration: 0.5});
}

// ]]>
</script>

In Firefox gaat het goed, maar als ik met Safari of IE met mijn muis over de tekst ga ziet hij het alsof ik mijn mijn muis buiten de div ga en schuift hij het menu weer in.

Hoe moet ik dit oplossen?

[ Voor 3% gewijzigd door Verwijderd op 13-09-2006 16:32 ]

[André]

Dat komt omdat op het moment dat je over de tekst gaat er een onmouseout optreedt die direct gevolgd wordt door een onmouseover die doorgegeven wordt vanaf de tekst naar het menu (event bubbling). Je zou een timer in kunnen bouwen die er voor zorgt dat pas na 10ms onmouseout het menu ook echt sluit, die timer cancel je dan bij een onmouseover

[Verwijderd]

Thanks! Het werk!