onmouseout sur div contenant des liens

Version imprimable

Bonjour à tous,

Je réalise actuellement un petit menu qui apparait lorsque l'on passe la souris sur un bouton.
Ceci fonctionne.
Cependant, j'aimerais qu'il disparaisse lorsque la souris sors du menu, mais c'est là que le problème se corse :

Voici le html du menu :
Code:

1 2 3 4 5 6 <div id="MnuFonc" class="MenuDeroul" style="display:none; text-align:center" onmouseout="this.style.display='none';"> <a class="lienDeroul" href="fonctionnement1.html">Matériel</a><br /> <a class="lienDeroul" href="fonctionnement2.html">Services</a><br /> <a class="lienDeroul" href="fonctionnement3.html">Gains - Réductions</a> </div>
Le onmouseout fonctionne bien. Trop bien même. En effet, lorsque ma souris arrive sur un des éléments du menu, celui ci disparaît! En gros, le mouseout est executé quand je passe ma souris sur un des 3 liens (alors qu'ils sont à l'intérieur de ma div).

Si quelqu'un peut m'aider à résoudre ce souci, je lui en serait reconnaissant.

D'avance merci

20/04/2009, 10h42
Rémiz

Salut,

Je crois que tu as le même problème que moi...

http://www.developpez.net/forums/d72...r-onclick-div/

Bon, finalement, j'ai réussi à faire ce que je voulais avec un flag et un SetTimeout.
C'est moche, mais ça marche. Mais c'est moche.

ça donne ça :

Code:

1
2
3
4
5
6
 
	<div id="MnuFonc" class="MenuDeroul" style="display:none; text-align:center" onmouseover="SetVisible(true);" onmouseout="SetVisible(false);setTimeout(DelayedHideMenu,1000);">
	        <a class="lienDeroul" href="fonctionnement1.html" onmouseover="SetVisible(true);" onmouseout="SetVisible(false);" >Matériel</a><br />
	        <a class="lienDeroul" href="fonctionnement2.html"  onmouseover="SetVisible(true);" onmouseout="SetVisible(false);" >Services</a><br />
	        <a class="lienDeroul" href="fonctionnement3.html"  onmouseover="SetVisible(true);" onmouseout="SetVisible(false);" >Gains - Réductions</a>
	</div>

Et coté script :

Code:

1
2
3
4
5
6
7
8
9
10
 
var IsVisible=false;
function DelayedHideMenu()
{
    if (!IsVisible)
    {
        HideMenus();
    }
}
function SetVisible(bVisible) { IsVisible=bVisible; };

20/04/2009, 10h56
SpaceFrog

c'est moche mais il n'y a à ma connaissance pas d'autre façon de faire ...