Page 1 sur 1

Placer un gif animé devant le bouton "submit"

Posté : 28 mars 2014, 14:05
par valmeras
Bonjour,

J'ai un formulaire d'upload de fichiers et j'aimerais placer le gif animé devant le bouton "Envoyer" mais je ne sais pas comment m'y prendre. Côté css, je suis nul.

Voici le code mon formulaire :
<form action="" method="post" enctype="multipart/form-data" id="form">
    <p><input type="file" name="files[]" multiple="multiple" accept="application/pdf"/></p>
    <p><input type="submit" id="upload" value="Envoyer"/></p>
	<div id="loading2" style="display:none;"><img src="loading.gif" alt="" /></div>
	<script type="text/javascript">
(function (d) {
  d.getElementById('form').onsubmit = function () {
    d.getElementById('upload').style.display = 'none';
    d.getElementById('loading2').style.display = 'block';
  };
}(document));
</script>
Merci

Re: Placer un gif animé devant le bouton "submit"

Posté : 29 mars 2014, 15:52
par AoSiX
Il existe une balise html pour ça :
<input type="image" src="cheminDeTonImage" />
Il va se comporter comme un submit :)