Pb avec les clic multiple sur un boutons

Version imprimable

21/11/2006, 10h53
mikky

Pb avec les clic multiple sur un boutons

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
21/11/2006, 11h00
Bisûnûrs

Code:

<input type="submit" onclick="this.disabled=true" />
21/11/2006, 11h11
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
21/11/2006, 11h14
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 ?
21/11/2006, 11h23
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( :scarymov: ). 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!
21/11/2006, 11h26
titoumimi

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

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.

Ca serait dans ce style alors :

Code:

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

Code:

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)";
}

21/11/2006, 11h53
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'