Discussion :

[sakhavat]

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.

Code html :

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

1
2
3
<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

[andry.aime]

Je ne vois pas trop l'intérêt car la page va se recharger

Code html :

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

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

[sakhavat]

Merci bcp, c'est ce que je cherchais.
L’intérêt c'est de dire aux utilisateur qu'il se passe quelque chose: patienter!
Car quand on clique sur le bouton de téléchargement, ca prend bcp de temps, et l'utilisateur peut quitter la page, s'il voit l'image des chargement , il va patienter.
Voilà l'intérêt

[sakhavat]

J'ai juste une question, vous avez mit un "/" a la fin, est ce que c'est correct?

Car j'ai testé le code , mais chez moi en local ca fonctionne, mais sur le serveur à distant ca fonctionne pas.

Ca peut etre a cause de "/"?

Vous pouvez m'ecrire la version correct de ce code svp?
onclick ou onClick?
quoi d'autre empecher la fonctionnement de ce code???

Merci d'avance.
Sakhavat

[SpaceFrog]

un input est une balise autofermante ...

[ABCIWEB]

En html strict on met un "/" devant le ">" pour les balises auto fermantes.

De même en html strict on écrit onclick et non onClick.

Mais bon cela invaliderait juste ta page au niveau du validateur mais ce n'est pas l'origine de ton pb.


Pour ton problème, l'image est-elle correctement chargée sur le serveur distant et son adresse est-elle bonne par rapport à ton code ?

[sakhavat]

J'ai verifié plusier fois, oui le lien est correct. Au début le code fonctionnait, mais mnt il fonctionne plus.
Onclick, je l'ai mis devant, ca fonctionne pas non plus.

Je comprends rien.