Discussion :

[mikky]

Bonjour,
Enfaite j'essaie de trouver un moyen pour bloquer les clics "parasites" dans mes pages web.
Le cas ou l'utilisateur clique plusieurs fois sur un meme bouton peut declancher l'evenement à plusieurs reprises et la le pb.
Dans comment ne prendre en charge que la premiere clique.
MLerci

[Bisûnûrs]

Code HTML :

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

<input type="submit" onclick="this.disabled=true" />

[mikky]

Merci bien Bisûnûrs,
ça résout bient le probleme pour un bouton, mais pas à la totalité du probleme
puisqu'un utilisateur peut commencer à cliquer n'importe ou et sur n'importe quel bouton alors qu'un traitement est encours coté serveur.!
donc ça revient à bloquer toutes les clics sur la totalité de la page

[titoumimi]

si j'ai tout bien suivi, tu parles d'ajax sur ce coup là... le A dans Ajax, c'est asynchrone...

hors là, tu veux pendant le traitement ne rien laisser faire à l'utilisateur, ce qui contredit fortement ce principe...

ce serait pas plus un problème de conception qu'autre chose ?

[mikky]

Non mais la j'ai rien à faire avec AJAX
c'est que mon application est déjà deployer chez le client et c'est des ptit travaux de maintenance( ). donc j'essaie d'éviter de penser que ce sont des pbs de conception(ça serait une refonte totale, je suppose).
sinon des amis m'ont parlé de l'utilisation d'une div transparente, absolu, qui masque la totalité des clics... ça vous dit quelque chose peut etre!

[titoumimi]

peut-être ais-je mal compris le problème alors

quoiqu'il en soit, ce n'était aucunement une remise en cause de vos compétences, mais une simple idée

Sinon, effectivement le div transparent qui prenne toute la page me semble être une bonne solution.

[Bisûnûrs]

Ca serait dans ce style alors :

Code HTML :

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

1
2
3
4
<form ... onsubmit="createDiv()">
   ...
   <input type="submit" />
</form>

Code Javascript :

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

1
2
3
4
5
6
7
8
9
function createDiv(){
   div = document.createElement('div');
   div.style.position = "absolute";
   div.style.top = "0";
   div.style.left = "0";
   div.style.width = document.body.offsetWidth+"px";
   div.style.height = document.body.offsetHeight+"px";
   div.style.backgroundImage = "url(transparent.gif)";
}

[mikky]

parfait!
sinon on crée la div avec un style.display='none'
par la suite il sufiit de zapper vers un style.display='Block'