Discussion :

[Thierry8]

Hello,

j'ai ce petit bout de code lorsque je clique sur un bouton de validation sur un formulaire ! Cependant sous firefox, ça fonction bien, il me met le message et charge la page souhaitée, mais avec ie, il me met le message et ne charge pas la page !

Avez-vous une idée ?

Code :

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

onclick="this.disabled=true;this.value='Patientez...'"

Merci à vous, je ne pratique que très peu le javascript...

[denisC]

Oui....

IE et FF n'ont pas du tout la même façon de gérer les evenements (bubbling contre capturing) donc on peut s'attendre à ce genre de problèmes.

La solution est pour moi de changer le texte du bouton, et soit de mettre le disabled dans un timeout, soit de rajouter submit dans le onclick.

Code :

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

1
2
 
onclick="this.value='Patientez...';setTimeout(function(){window.getElementById('iddubouton').disabled=true;},10);"

Le bouton (avec son id) sera disablé 10 ms plus tard (soit pas longtemps après) mais aura le temps de faire son submit (enfin je pense)...

[javatwister]

bah, je n'ai jamais compris cette manie de vouloir désactiver un submit une fois qu'on a cliqué dessus;
il me faudrait un exemple pour être convaincu qu'il y a risque de soumission multiple... en attendant, je persiste à croire que le client perd la main à partir du moment où le processus d'envoi a été demandé;

[poof65]

javatwister > malheureusement non le client ne pert pas la main une fois le submit effectué. Moi je m'explique ça comme ça. Le client clique une première fois, la requête est envoyée au serveur mais comme le serveur n'a encore rien envoyé le navigateur laisse affiché la page actuelle. Si le client clique une deuxième fois alors que la page actuelle est toujours affichée, le navigateur renvoie une requête au serveur ... ça m'est déjà arrivé ça, et moi aussi j'utilise un système pour qu'il soit impossible de poster plusieurs fois.

[Cracking_Cow]

IE désactive le bouton s'il est "disabled", au point qu'il est impossible d'envoyer le formulaire.

Première chose, les events pour un formulaire se font via <form onsubmit="">, et surtout pas sur le bouton submit !! La preuve, je peux valider un formulaire avec la touche entrée.... -> pas de clique sur le bouton !

Bref, pour ton cas :

Code :

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

<form onSubmit="lebouton.disabled=true; lebouton.value='Patientez...';">

Cela devrait résoudre le problème en passant

[Thierry8]

Impeccable ! Ca fonctionne du tonnerre !!!!!!!!!!!
Merci mille fois à toi ! (et aux autres ! )