onmouseOut sur div

Bonjour,
totalement incapable en javascript, j ai besoin de votre aide pour comprendre comment faire...

je veux afficher une div sur un onmouseOver d un lien, et masquer celle-ci lors d un onmouseOut. La div qui s affiche (correctement) contient une liste de lien.
Cela marche mais le problème est que le onmouseOut s active des que l on survole un element de ma liste, or je voudrais que cela s active uniquement lorsque on quitte la zone de la div entiere.
Mais comment faire?

voici le javascript :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function afficherMenu( ){ var Obj = document.getElementById('Div_Invisible'); if( Obj){ Obj.style.display ="block"; } } function masquerMenu( ){ var Obj = document.getElementById('Div_Invisible'); if( Obj){ Obj.style.display ="none"; } }

---

et voici le html :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<div id="Div_Invisible" onmouseOut="masquerMenu();"> <ul> <li><a href="#" >blabla</a></li> <li><a href="#">bingbing</a></li> <li><a href="#">badaboum</a></li> <li><a href="#">plouf</a></li> </ul> </div>     <a href="adresse" onmouseOver="afficherMenu();"></a>

---

merci d'avance pour votre aide

Il faut user de ruse avec un setInterval sur le onmouseout, et un clearInterval sur le mouseover de la div qui s'affiche qui annule ansi la disparition, puis une disparition programmée sur le onmouseout du div, ce sujet à déja été traité ...
Une recherche sur ce forum s'impose

aie, ça a l'air compliqué! non?

en tout cas je cherche mais pour l instant je ne trouve pas

merci de m avoir repondu, mais ne connaissant rien en javascript, je n arrive pas a trouver de post expliquant ce dont tu m as parlé.
Si tu te souviens d un post, peux tu me donner le lien? Car la je bloque totalement

merci

Au fait c'est pas trop compliqué ça demande juste un peu de réflexion

voilà une piste (http://users.skynet.be/micdub/script03.htm#onmouseover)

Voir le dernier code en bas de la page comme exemple ;)

hummmm

désolé, j suis vraiment nul, mais j vois pas d exemple en rapport avec mon problème...

ok essaye avec ça: (j'ai pas tester)

Code:

---

1 2 3 4 5 6 7 8 9

<div id="Div_Invisible" onmouseOut="masquerMenu();" onMouseOver="afficherMenu()"> <ul> <li><a href="#" >blabla</a></li> <li><a href="#">bingbing</a></li> <li><a href="#">badaboum</a></li> <li><a href="#">plouf</a></li> </ul> </div>

---

eu lieu de:

Code:

---

1 2 3 4 5 6 7 8 9

<div id="Div_Invisible" onmouseOut="masquerMenu();"> <ul> <li><a href="#" >blabla</a></li> <li><a href="#">bingbing</a></li> <li><a href="#">badaboum</a></li> <li><a href="#">plouf</a></li> </ul> </div>

---

Youhouuuuuuuuuuuu

Merci, vraiment!

ça marche!

Je réalise maintenant que c'était pas bien compliqué! eheh, mais bon on est pas tous du même niveau (c'est là l'interet du forum!!)


merci