Discussion :

[joKED]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Rémiz]

Salut,

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

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

[joKED]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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