Discussion :

[flashnet]

Bonjour,

Je tente de faire quelque chose d'assez basique mais je n'arrive pas à mes fins.

J'ai une div visible dans laquelle se trouve une date. J'aimerais qu'au survol de cette div un champ de formulaire apparaisse et que lorsque je quitte la div, tout reviens comme avant...

Voici mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div class="edit-date">21/08/2011</div><div style="display:none;"><input id="date1" value="21/08/2011" /></div>
 
$('.edit-date').live({
		'click' : function(){ //Pas de soucis si je mets juste click
			$(this).hide();
			$(this).next().show();
		},
		'mouseleave' :function(){ //Mouseleave me quitter directement ma div...
			$(this).show();
			$(this).next().hide();
		}
	});

Merci d'avance

[vermine]

Bonjour,

Vous faites disparaitre votre div directement. :-/

Code :

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

$(this).hide();

La gestion des événements en est perturbée.

[glen1789]

En fait le problème n'est pas pour moi dans la gestion des évènements au sens propre mais plutôt sur le principe :
-lorsqu'on clique sur la div avec la date on la cache et on montre la suivante (logique pour moi)
-lorsqu'on sort la souris de cette div avec la date on montre cette div et on cache la suivante
Le problème est sur la deuxième proposition, au moment où la div avec la date est cachée (avec hide ou autre) elle ne peut pas déclencher l'évènement mouseleave. Donc pour remédier à cà :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
$('.edit-date').live({
	'click' : function(){
		$(this).hide();
		$(this).next().show();
	}
});
$('.edit-date').next().live({
	'mouseleave' :function(){
		$(this).hide();
		$(this).prev().show();
	}
});

Le code n'est pas testé mais sert à illustrer le principe qui me semble plus juste.
Bon courage.