Discussion :

[guiyom4life]

Bonjour à tous.
Voici mon petit probleme. Je viens tout juste de me mettre au jquery. J'ai réussi a faire un sorte qu'un div s'affiche en fadeIn et que celle)ci disparaisse lorsque le curseur n'est plus dessus. Le soucis qu'il y a est que dès que le curseur passe sur une image qui est dans la div qui s'affiche, celle-ci disparait.
Pourriez vous m'expliquer pourquoi il a ce comportement ?

Code :

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

1
2
3
4
5
6
7
8
9
            jQuery(document).ready(function() {
				$("#monDiv").hide();
             $("#declencheur").mouseover(function () {
                  $("#monDiv").fadeIn("slow");
                });
             $("#monDiv").mouseout(function () {
                  $("#monDiv").fadeOut("slow");
                });
            });

Un petit exemple plus parlant est disponible ici : http://tikiz.fr/Archive.zip

[danielhagnoul]

Bonsoir.

On ne doit plus utiliser mouseover et mousout, voir la documentation jQuery. Problème déjà souvent abordé dans le forum.

Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
$("#monDiv").hide();
 
$("#declencheur").mouseenter(function(){
	$("#monDiv").fadeIn("slow");
});
 
$("#declencheur").mouseleave(function(){
	$("#monDiv").fadeOut("slow");
});

[guiyom4life]

Bonjour,
merci beaucoup pour votre aide. Je viens de tester la fonction mouseenter et mouseleave (en utilisant l'exemple que vous m'aviez fait), et cela ne fonctionne pas du tout. Je ne comprend pas pourquoi.

[danielhagnoul]

Bonsoir.

Désolé, mais pour ma première réponse je n'avais pas pris le temps de regarder le contenu du fichier ZIP. Il est toujours préférable de poster la partie du code qui montre votre problème.

Code :

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

1
2
3
4
5
6
7
8
9
$("#monDiv").hide();
 
$("#declencheur").mouseenter(function () {
	$("#monDiv").fadeIn("slow");
});
 
$("#monDiv").mouseleave(function () {
	$("#monDiv").fadeOut("slow");
});