Bouton et image gif

Fermé
sakhavat Messages postés 47 Date d'inscription samedi 2 janvier 2010 Statut Membre Dernière intervention 17 avril 2012 - 13 avril 2011 à 10:50
Gremy87 Messages postés 352 Date d'inscription mercredi 19 mai 2010 Statut Membre Dernière intervention 19 mars 2014 - 15 avril 2011 à 11:01
Bonjour tout le monde

J'ai besoin de votre aide.
Problème: Le temps de chargement prend du temps. Il faut mettre une image gif.

<table width="100%">
<tr><td colspan="2"><center><input id="submit" type="image" src="contents/php/bouton_dl.png" value="submit"></center></td></tr>
</table>

Voilà le code: Je veux que quand je clique sur le bouton ca envoie le formulaire, et en meme temps il affiche l'image gif qui indique que la page est en train de charger.
Ca doit etre possible en javascript avec onclick, mais je sais pas comment faire, je suis un vrai débutant.

Merci d'avance
Sakhavat
A voir également:

7 réponses

Gremy87 Messages postés 352 Date d'inscription mercredi 19 mai 2010 Statut Membre Dernière intervention 19 mars 2014 38
13 avril 2011 à 11:31
Bonjour,

sur ton input image tu mets inClick="document.getElementById('L ID DE TON FORMULAIRE').submit;"


voila, oublies pas de remplacer L ID DE TON FORMULAIRE^^
0
sakhavat Messages postés 47 Date d'inscription samedi 2 janvier 2010 Statut Membre Dernière intervention 17 avril 2012
13 avril 2011 à 13:58
Je me suis mal exprimé peut être. Mais c'est pas ce que je veux.

<table width="100%">
<tr><td colspan="2"><center><input id="submit" type="image" src="contents/php/bouton_dl.png" value="submit"></center></td></tr>
</table>
-> Ce bouton va me permettre de valider la formulaire. Pendant le temps qu'il fais son travail l'image gif doit s'afficher sur l'écran, a la place de ce bouton ou just devant, on est pas obligé de cacher bouton de téléchargement, image gif peut être juste a cote aussi.

<table width="100%">
<tr><td colspan="2"><center><input id="submit" type="hidden" src="/images/loader.gif" value="submit"></center></td></tr>
</table>

Ce que je veux faire, c'est de remplacer premier par deuxième(ou mettre juste a côté) qui est une image gif et qui indique qu'il faut attendre.
0
Gremy87 Messages postés 352 Date d'inscription mercredi 19 mai 2010 Statut Membre Dernière intervention 19 mars 2014 38
13 avril 2011 à 14:20
ah ok,

onClick="this.src='/images/loader.gif';"

0
sakhavat Messages postés 47 Date d'inscription samedi 2 janvier 2010 Statut Membre Dernière intervention 17 avril 2012
14 avril 2011 à 14:44
Merci, c'est exactement ce que je cherchais.
Mais y'a un petit problème. Quand je mets le code, parfois ca fonctionne parfois non, je comprends pas. Ca peut variez selon les navigateurs?
onclick ou onClick laquelle est plus correct?

onClick="this.src='/images/loader.gif';"
OU
onClick="this.src='/images/loader.gif';"/>
Je comprendspas
Vouz avez une idée?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Gremy87 Messages postés 352 Date d'inscription mercredi 19 mai 2010 Statut Membre Dernière intervention 19 mars 2014 38
14 avril 2011 à 15:46
bonjour,

la syntaxe la plus correcte est onClick

surement que ton image n'as pas finit de charger avant que ton traitement soit finit
0
sakhavat Messages postés 47 Date d'inscription samedi 2 janvier 2010 Statut Membre Dernière intervention 17 avril 2012
14 avril 2011 à 16:39
Bonjour,

Chez moi en local le code fonctionne , mais sur le serveur à distant ca fonctionne pas. Je comprends pas pq.

J'ai vu un autre code, il y'avait un "/" a la fin

<input id="submit" type="image" src="contents/php/bouton_dl.png" value="submit" onclick="this.src='newImage.gif';"/>

C'est laquel la version correcte, qu'est ce que d'autre peut empêcher la fonctionnement de code???
0
Gremy87 Messages postés 352 Date d'inscription mercredi 19 mai 2010 Statut Membre Dernière intervention 19 mars 2014 38
15 avril 2011 à 11:01
le / a la fin est la fermeture de ta balise input:


<input />

comme ca ^^
cette version est donc la plus correcte mais je ne pense pas que ça vienne de la
0