Discussion :

[valmeras]

Bonjour à tous,

J'ai un problème auquel je n'arrive pas à trouver de solution et cela me perturbe. Voila j'ai un formulaire d'envoi multiple et je voulais ajouter un gif animé qui viendra remplacer l'ecriture afin de faire patienter l'utilisateur le temps de l'envoi. J'ai en quelque sorte reussi mais le problème est que je ne sais pas comment insérer le gif animé. Voici le code de mon formulaire.

Code html :

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

1
2
3
4
<form action="" method="post" enctype="multipart/form-data" onsubmit="document.getElementById('upload').disabled=1;">
	<input type="file" name="files[]" multiple="multiple" accept="pdf/*"><br />
	<input type="submit" id="upload" value="Envoyer" onClick="this.form.submit();this.disabled=true;this.value='En Cours...'">
</form>

J'aimerais afficher un gif animé à la place de "En Cours..." puisque c'est lui qui remplace "Envoyer" lorsque l'upload est en cours.

J'ai besoin de votre aide.

PS: Je voudrais que cela soit en JavaScript.

Merci et bonne journée à vous

[SpaceFrog]

quel interet de faire un submit sur le clcik du bouton submit ???

[valmeras]

C'est pour que le bouton "Envoyer" ne soit plus "clickable" lorsqu'un fichier est en cours d'envoi.

[SpaceFrog]

heu ben le submit ne sert à rien alors ...

[valmeras]

Dans ce cas tu peux m'aider?

[SpaceFrog]

déja je passerait par le onsubmit du form, et pas sur le click du bouton submit ...

dans le onsubmit tu desactives le bouton

après pour l'image il suffii de modifier le style display d'un gif sur la page