| | Invité Voir le dossier scolaire | | |
 | | Sujet: [Tuto] Griser un bouton après envoi de formulaire Mer 8 Juil - 17:49 | |
| 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 : | Code: | <form action="mailto:webmaster_arobas_schoolofpub.net?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 :
| Code: |
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 | Code: |
<form action="mailto:webmaster_arobas_schoolofpub.net?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.
[Si vous avez un soucis, n'hésitez pas à venir poser vos questions par ici] |
|
