Bouton et image gif

sakhavat Messages postés 49 Statut Membre -  
Gremy87 Messages postés 360 Statut Membre -
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

7 réponses

Gremy87 Messages postés 360 Statut Membre 38
 
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 49 Statut Membre
 
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 360 Statut Membre 38
 
ah ok,

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

0
sakhavat Messages postés 49 Statut Membre
 
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 360 Statut Membre 38
 
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 49 Statut Membre
 
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 360 Statut Membre 38
 
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