Discussion :

[éloi_75]

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 :

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

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 :

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

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

[SpaceFrog]

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

[éloi_75]

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

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

[éloi_75]

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

[namstou3]

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

[éloi_75]

hummmm

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

[namstou3]

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

Code :

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

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 :

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

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>

[éloi_75]

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