Discussion :

[jexl]

Bonjour @ tous,

Je cherche a faire une action lors de mon submit : Je voudrais desactiver le bouton, de manière a ce que le formulaire ne soir posté qu'une seule fois.

Voici ce que je viens d'essayer :

Code :

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

1
2
 
<INPUT  TYPE="button" VALUE="Valider" onClick="document.location='index.php?rub=512';this.disabled=true;this.value='Patientez...'">

Le probleme c'est que cela ne POST rien du tout.
Auriez-vous une idée à me donner ?

Merci @ vous

[SpaceFrog]

tu as d'autree elements à submitter dans ton form ?

Code :

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

1
2
3
4
5
<form ... action="index.php" >
<INPUT TYPE="submit" VALUE="Valider" onClick="this.disabled=true;this.value='Patientez...'" />
...
 
<INPUT TYPE="hidden" name='rub' VALUE="512" />

ton rub serait plutot à mettre dasn un input hidden ...

[jexl]

Merci de cette réponse rapide.

Je viens de tester, mais cela ne marche pas, le bouton change se disabled bien, sa value aussi par contre, il ne submit rien.

Voila le code :

Code :

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

1
2
3
4
5
6
7
 
<form name="galerie" id="galerie" method="post" action="<?php echo $_SERVER['PHP_SELF']" enctype="multipart/form-data" >
 
//ma ribambelle d'input
 
<input type="submit" name="valider" value="valider" class="input" onClick="this.disabled=true;this.value='patientez...'" />
</form>

Merci pour votre aide

[dingoth]

Le bouton est désactivé avant la soumission du formulaire au serveur, et donc la soumission ne se fait plus par l'intermédiaire du bouton.

Mieux écouter la soumission du formulaire plutôt que le click :

Code :

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

1
2
3
<form ... onsubmit="...">
 
</form>

[SpaceFrog]

setTimeout ...

[jexl]

Je viens de tester en mettant onsubmit dans la balise form, mais ca ne post rien du tout.

Je me souviens avoir pas mal galéré il y a quelques mois pour trouver une solution. sans succès. Je me demande si c'est possible de faire ca avec javascript...

Si vous avez encore une idée qui traine.

Merci @ vous

[SpaceFrog]

Code :

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

 <form name="galerie" id="galerie" method="post" action="<?php echo $_SERVER['PHP_SELF']" enctype="multipart/form-data" > //ma ribambelle d'input <input type="submit" name="valider" value="valider" class="input" onClick="setTiemout(function(){this.disabled=true;this.value='patientez...'},100)" /> </form>

[jexl]

je viens de tester un milliard de choses, et toujours rien. J'ai aussi essayé avec ca :

Code :

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

1
2
 
<input type="submit" name="valider" value="Valider" class="input" onClick="setTiemout(function(){this.disabled=true;this.value='patientez...'},100)"/>

Mais toujours rien. L'upload s'effectue bien, le reste de mes champs de formulaire sont bien traité, mais rien au sujet du bouton, il ne change à aucun moment.

Je déséspère...

[SpaceFrog]

heu :oups:

Code :

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

onClick="setTimemout(function(){this.disabled=true;this.value='patientez...'},100)"

[jexl]

Fabuleux, ca marche impec !!!!!

Je m'en veux d'avoir recopié sans lire se que tu m'envoyais, j'aurais pu trouver cette erreur de frappe.

Par contre ma question concerne les proprietés de cette fonction : à quoi correspond le 100 que l'on met comme attribut, est-ce le temps ?

Car comme dans mon cas, je me sers de cette fonction pour un upload d'image, les temps de telechargements sont différents entre les internautes...

[SpaceFrog]

oui le temps en 1000 eme de secondes ...

mais il doit être possible le le faire selon ma première propostion avec un setInterval qui verifie la variabl ...
Quand j'aurais un peu plus de temps j'appronfondirais

[SpaceFrog]

tu peux refiler le code à jour de ta page stp ?

[jexl]

voici le code qui marche

Code :

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

1
2
3
4
5
6
7
8
 
<form name="galerie" id="galerie" method="post" action="index.php" enctype="multipart/form-data" >
 
//Mes champs input
 
<input type="submit" name="valider" value="Valider" class="input" onClick="setTimeout(function(){this.disabled=true;this.value='patientez...'},100)"/>
 
</form>

Et voila, merci @ vous pour votre coup de main

[SpaceFrog]

si jamais le timing n'est pas bon avec les 100 millisecs, augmente le délai...
et si ça pose problème revines et je te ferais un setInterval ..

[jexl]

J'étais entrain de faire un calcul sur ce sujet car :
Ce formulaire permet l'envoi de 4 photo en simultané plus 2 champs texte par photo. Le poids maximumu pour chaque photo est de 200 Ko (vérifié coté serveur). J'ai donc fais des tests depuis le boulot avec des gros fichier, ca marche très bien. Mais comme nous avons une énorme bande passante, je referrai les test depuis chez moi ce soir.

En tout cas merci