Discussion :

[sat83]

Bonjour à tous!

Une petite question sur le onclick d'un élément de ma page:

Code html :

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

<span onclick="traitement();">Action</span>

La fonction traitement fonctionne parfaitement, mais peu durer plusieurs secondes.

Mon problème c'est que si l'utilisateur appuis une seconde fois (avant la fin du premier traitement), le traitement est exécuté une seconde fois, ce qui me pose pas mal de soucis!

Y'a t'il une astuce simple pour résoudre ce genre de problème?

Merci d'avance!

[Darkaurora]

Je ne sais pas si c'est le plus simple mais je procéderais comme suit:

1. Utiliser addEventListener
2. Avant l'appel de ta fonction dans l'événement, désactiver l'event via removeEventListener.
3. Exécuter ta fonction.
4. Re-déclarer l'event avec addEventListener.

[SpaceFrog]

perso je mettrais plus simplement un flag boolean sur le click et un test sur le bool en debut de fonction

[sat83]

Je ne m'y prend peut-être pas de la bonne façon, mais ça ne fonctionne pas:

Code :

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

1
2
3
4
5
6
7
8
9
waiting = true ; //variable globale
/*...*/
function traitement() {
	if( waiting ) {
		waiting = false ;
		/* TRAITEMENT*/
		waiting = true ;
	}
}

Le traitement s'effectue quand même plusieurs fois

[SpaceFrog]

Le principe est bon

dans l'exemple suivant j'ai mis un timeout d'une seconde pour amplifier le délai ...

http://jsfiddle.net/eJ8Qz/

[sat83]

Merci, j'ai réussi à l'adapter dans mon code!

[Bovino]

Pour le fun :

http://jsfiddle.net/G8JnU/