Discussion :

[fenrir0680]

Bonjour,

Je préfère prévenir, le javascript, c'est pas trop mon truc (plutôt PHP).

Alors voilà le truc :

J'ai une série d'image miniature avec une class "vignette" et id unique pour chacune (forcément).
Lorsque je les survole, une barre d'édition doit apparaître. Jusque là ça fonctionne bien.
Maintenant, je voudrait inclure un timer pour éviter d'afficher la barre d'édition lors de survole accidentel.

En gros, si survole de la vignette pendant 2 seconde, afficher la barre d'édition, sinon la cacher.

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
20
21
22
23
24
25
26
27
28
 
var compteur = 0;
var secondes = 0;
 
$("div.vignette").hover(
	function()
	{
		// mouseover
		var id =  $(this).attr('id');
		compteur = setInterval(
			function (id)
			{
				secondes ++;
				if ( secondes == 2 )
				{
					$("#" + id).find("div.edit-bar").show("slow");
				}
			}, 1000);
	},
	function()
	{
		// mouseout
		$(this).find("div.edit-bar").hide("slow");
 
		clearInterval(compteur );
		_seconds = 0;
	}
);

D'après les test que j'ai fait, je n'arrive pas à passer le paramètre "id" à la fonction du setInterval.

C'est surement tout con, mais là je sèche .

Merci pour votre aide, sur ce, je retourne consulter les forum pour essayer de résoudre ce petit problème.

[danielhagnoul]

Bonsoir

Dans setInterval, il s'agit d'une fonction anonyme sans paramètres. Le paramètre id existe déjà dans la fonction "mouseenter", voir le code.

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
20
21
22
23
var compteur = 0;
var secondes = 0;
 
$("div.vignette").hover(
	function(){ // mouseenter
		var id =  $(this).attr('id');
 
		compteur = setInterval(function(){
			secondes ++;
 
			if ( secondes == 2 ){
				$("#" + id).find("div.edit-bar").show("slow");
			}
		}, 1000);
	},
	function(){ // mouseleave
		$(this).find("div.edit-bar").hide("slow");
 
		clearInterval(compteur );
 
		_seconds = 0; // ?? secondes 
	}
);

[fenrir0680]

Comme je le disais, ce doit-être tout con.

Et effectivement, le dernier _seconds, c'est une erreur de ma part, c'est bien secondes qu'il fallait lire.

Merci, c'est résolu