Placer un gif animé devant le bouton "submit"

Eléphanteau du PHP | 37 Messages

28 mars 2014, 14:05

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

Eléphant du PHP | 314 Messages

29 mars 2014, 15:52

Il existe une balise html pour ça :
<input type="image" src="cheminDeTonImage" />
Il va se comporter comme un submit :)
Cordialement,
Julien - http://laravel.fr/