|
|
Il y a actuellement 301 tutoriaux sur Aidoforum. Toute reproduction, partielle ou complète, est interdite.
Retour aux tutoriaux.
|
| HTML/CSS -> Griser un bouton après envoi de formulaire |
Pour éviter qu'un formulaire soit envoyé deux fois de suite, il peut être nécessaire de griser le bouton d'envoi après avoir cliqué dessus.
Prenons un formulaire tout bête :
<form action="mailto:webmaster_arobas_aidoforum.com?subject=sujet de votre mail" method=post enctype="text/plain">
<input type="text" name="mail" value="e-mail"
onfocus='if (this.value=="e-mail") this.value=""' size="17"><br><br>
<input type="submit" value=" Envoyer ">
</form>
|
Ce formulaire permet de faire un mailto: , c'est à dire d'ouvrir le logiciel de messagerie de l'ordinateur concerné et que le texte tapé dans le formulaire soit déjà dans le message à envoyer.
Pour griser le bouton d'envoi, il vous suffit de rajouter :
onClick="this.form.submit();this.disabled=true;this.value='En cours'"
|
Qui se chargera de "Disabled", à savoir désactiver le bouton lorsque qu'il est pressé, dans la balise <form>.
Ce qui donnera pour cet exemple :
<form action="mailto:webmaster_arobas_aidoforum.com?subject=sujet de votre mail" method=post enctype="text/plain">
<input type="text" name="mail" value="e-mail"
onfocus='if (this.value=="e-mail") this.value=""' size="17"><br><br>
<input type="submit" value="Envoyer" onClick="this.form.submit();this.disabled=true;this.value='En cours'">
</form>
|
Ce petit code rajouté sur le input aura pour effet de griser le bouton cliqué et d'écrire "En cours" à la place du "Envoyer" d'origine.
| | Par Pouzy, le 20 Mars 2005 à 14h58 |
| /!\ Vous devez être inscrit pour pouvoir commenter ce tutoriel, ou demander du support. /!\ |
|
|
|
|
|
|
