Discussion :

[Erdividium]

Bien le bonjour,

Ci dessous, un code on ne peut plus simple pour éviter la multi soumission d'un lien. L'exemple est simplifié à outrance pour mettre en lumière le problème. Dans cet exemple, on se contente de recharcher la même page à chaque click sur le lien. Le Href est appelé uniquement au premier clic car le onclick retourne true uniquement si la variable js token est à true. Suite au premier clic, le token est placé à false et tout clic suivant ne fait donc rien.

Sous Chrome, Firefox, aucun soucis, ce code fonctionne parfaitement.
Sous IE, si on clique lentement aucun soucis, mais dés lors qu'on clique rapidement sur le lien, et qu'on déclenche en réalité un double clic, le onclick retourne bien true mais le Href n'est pas appelé ce qui est complètement aberrant !

Pour reproduire le problème, il suffit d'afficher la console de IE et de voir qu'en cliquant rapidement sur le lien, on a des sorties console "false - token false" et donc que le lien n'a pas fonctionné. Sous Chrome cette sortie console ne survient jamais.

Si un illuminé a une explication à ce phénomène que je n'explique pas, je suis preneur.

Merci d'avance.

Code :

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

1
2
3
4
5
6
7
8
9
var token = true;
function checkToken() {
	if (token == true) {
		token = false;
		return true;
	} else {
		return false;
	}
}

Code html :

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

1
2
3
4
<a href="javascript:document.location.href = 'test.html';" 
   onclick="if (checkToken()) {  return true; } else { console.log('return false - token false'); return false; }">
	 LIEN
</a>

[Bovino]

Mais pourquoi cette syntaxe pour ton lien ?

Code html :

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

<a href="test.html" onclick="return checkToken()">LIEN</a>

est amplement suffisant... et si tu veux un affichage dans la console, fais-le dans la fonction JavaScript.

[Erdividium]

Hi,

Je sais bien que cela suffit.. J'ai juste revu le code afin de pouvoir le présenter car avant le Href faisait un submit..
Quant au log dans la fonction JS, là aussi, c'est pour l'exemple, je ne cherche pas à faire du beau..

Mais là n'est pas la question cela ne change rien au problème de fond.

[SpaceFrog]

http://jsfiddle.net/n4fVL/

[Erdividium]

http://jsfiddle.net/n4fVL/

Euhh je suis censé comprendre quoi ?

Attention je n'ai jamais dit que le Href n'était jamais appelé.. Je dis que sous IE à partir du moment où tu as fait un double clic sur le lien, le lien ne fonctionne plus.. Le mieux pour le tester est de déporter le code dans une petite page html et de l'ouvrir sous IE.. Au début en cliquant doucement, ca fonctionne très bien, la page se recharge à chaque clic.. et après le premier double clic, la page ne se recharge plus... Pourquoi ? Et bien mystère...

[SpaceFrog]

que le code donné en exemple dans le lien fonctionne ...

il parait normal que le href ne reponde plsu au second click car la token passe de true à false ...

[Erdividium]

Suis ce raisonnement :
Au premier clic, le token est à true, le Href est appelé, la page est donc rechargée.. Dés lors que la page est rechargée, le token est à nouveau à true et on pourra ainsi cliquer à nouveau sur le lien..

Ton exemple n'est pas bon car pour mettre en lumière le problème il faut que le href recharge la page.

Déporte le code dans une page HTML et tu verras sous Chrome par exemple que tu peux bombarder le lien, cela fonctionne très bien. Sous IE, les clics lents fonctionnent mais le premier double clic invalide le lien..

[SpaceFrog]

si tu recharges la page ... il est normal que le token se remette a true ...
js ne survit pas à un rechargement de page
Dans mon exemple je ne recharge pas la page, le token conserve donc sa valeur

[Erdividium]

Je suis tout à fait d'accord avec tout ce que tu dis.
Mais tu ne comprends pas le problème que je cite.

Il faut que le HREF recharge la page pour pouvoir reproduire le problème.
Je t'invite à relire mon premier message pour mieux comprendre le soucis.

[SpaceFrog]

si tu recharges ta page le token repasse à true donc tu repars à zéro.
je ne comprends pas pourquoi tu t'étonnes de ça ...
ou alors tu expliques mal ta problématique

[Erdividium]

Et bien je vais tacher de reformuler autrement la problématique...

- Crée une page HTML avec le code cité et avec <!DOCTYPE html>
- Charge la page dans Chrome
- Clique lentement sur le lien à plusieurs reprises
Tu peux constater qu'à chaque clic, la page est bien rechargée (OK)
- Clique rapidement sur le lien à plusieurs reprises
Tu peux constater que la page finit toujours par être rechargée (OK)

Jusqu'ici tout est normal !

Maintenant fais la même chose sous IE

- Crée une page HTML avec le code cité et avec <!DOCTYPE html>
- Charge la page dans IE
- Clique lentement sur le lien à plusieurs reprises
Tu peux constater qu'à chaque clic, la page est bien rechargée (OK)
- Clique rapidement sur le lien à plusieurs reprises
Tu peux constater qu'après un double clic la page ne se charge plus ! (cf log console JS) (KO !)

Le pourquoi du problème :
Suite à l'évènement ondblclick, le onclick retourne bien true mais le Href n'est pas appelé. Du coup la page n'est pas rechargée et resté bloquée avec le token à false.

C'est anormal à mon sens !

En espérant avoir été plus clair..

[SpaceFrog]

haaaaaaaaa ondblclcik !

je viens de saisir

rajoute

Code :

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

ondblclick="return false;"

[Erdividium]

Cela ne change rien.
Je viens de tester en ajoutant ondblclick="return false;" sur le lien.

Je charge la page dans IE
Je clique doucement c'est ok, la page se recharge bien à chaque clic.
Je clique rapidement, la page ne se recharge plus et j'ai les sorties console :

return false (token false)
return false (token false)
return false (token false)
return false (token false)
return false (token false)
... A chaque clic...

[SpaceFrog]

c'est IE qui gère mal le click et double click

teste

Code :

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

onclick="console.log('simple click')" ondbllick="console.log('double click')"

[Erdividium]

Je vois pas bien en quoi ajouter des logs va me résoudre le problème..
Tant pis j'abandonne..

[SpaceFrog]

je n'ai jamais dit que cela résoudrait directement ton problème ...

c'est juste pour mettre en lumière la gestion des click et bdlclick sous IE ...

et du coup gerer le dblclick sous ie ...