Discussion :

[noquioz]

Bonjour,
je suis en train de réaliser un simple sous-menu en jquery/javascript qui s'ouvre lorsqu'on passe sur son bouton.
J'ai 2 élément:
-Mon bouton
-Ma div du sous menu
Mais voila je m'arrache les cheveux impossible de garder le sous menu ouvert quand on y passe la souris dessus.
Mon script:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
var display;
$("#ico_menu_sw").mouseenter(function(){
	$("#ico_menu_sw img").attr("src","images/ico_menu_hover.png");
	$(".sous_menu_sw").fadeIn("slow");
}).mouseleave(function(){
	var display=false;
	$("#ico_menu_sw img").attr("src","images/ico_menu.png");
	$(".sous_menu_sw").mouseover(function(){
		var display=true;
	}).mouseleave(function(){
		$(".sous_menu_sw").fadeOut("slow");
	});
	if(display==false){
		$(".sous_menu_sw").fadeOut("slow");
		}
	else{}
 
})

Pour voir le html/css : http://l2babylone.lescigales.org/ c'est le bouton "solution web".
Merci d'avance, j'ai tout essayer je comprend vraiment pas.
Cordialement
Bonne soirée

[danielhagnoul]

Bonsoir

Attention, <img /> et pas <img></img> :

Code :

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

1
2
<a href="#" id="ico_menu_sw"><img src="images/ico_menu.png"> </img>Solutions web</a> 
<a href="#" id="ico_menu_sp"><img src="images/ico_menu.png"> </img>Solutions papier</a>

Attention, vous ne téléchargez pas les styles jQuery UI, par exemple :

Code :

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

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/humanity/jquery-ui.css">

Voir : http://www.developpez.net/forums/d10...e/#post5802875

Rien ne fonctionne sur cette page de test !

Je suggère d'essayer :

Code :

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

1
2
3
4
5
6
7
$("#ico_menu_sw").mouseenter(function(){
	$(".sous_menu_sw").fadeIn("slow");
});
 
$(".sous_menu_sw").mouseleave(function(){
	$(this).fadeOut("slow");
});

[noquioz]

Salut,
tout d'abord merci pour ton aide, j'ai corrigé les erreurs sur les images ainsi que les bibliothèques jquery.
Par contre pour ce qui est du script, avec ce que tu m'as montrer le problème reste le même.
C'est à dire:
-On passe sur le bouton, le sous-menu s'ouvre une fois qu'on est dessus il se quitte -> OK
-On passe sur le bouton, le sous-menu s'ouvre on ne va pas sur le sous-menu, la il se ferme pas =/
J'arrive à faire soit comme ton script, sois l'inverse (cad, le sous menu se ferme quand on sors du bouton, sans passer par le sous-menu. Mais par contre il se ferme quand je veux passer sur le sous-menu).
Voila, comment je pourrais faire ?
Merci d'avance

[danielhagnoul]

Bonsoir

Voir : Comment puis-je différer la fermeture d'un menu ?

[noquioz]

Bonsoir

Voir : Comment puis-je différer la fermeture d'un menu ?

Un grand merci c'est exactement ce qu'il me fallait, j'ai mis un temps de fermeture faible vu que les 2 divs sont à coter et qu'il y'a pas d’espace entre =)
Cordialement