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.