Image pour faire patienter l'utilisateur

Version imprimable

13/04/2011, 10h31
sakhavat

Image pour faire patienter l'utilisateur
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:

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
13/04/2011, 11h05
andry.aime

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

Code:

<input id="submit" type="image" src="contents/php/bouton_dl.png" value="submit" onclick="this.src='newImage.gif';"/>
13/04/2011, 17h02
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
14/04/2011, 16h34
sakhavat

Im

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
14/04/2011, 16h44
SpaceFrog

un input est une balise autofermante ...
15/04/2011, 01h52
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 ?
15/04/2011, 10h45
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. :(

Essayes cela, c'est le principe :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<?php
if (isset($_POST['envoi']))
{
sleep(2);
}  
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans titre</title>
<script type="text/javascript">
<!--
function Annonce_attente(id_attente)
    {      
        var attente;
 
        if (attente = document.getElementById(id_attente))
        {
            attente.innerHTML = 'Patientez...';
        }
    }
-->
</script>
</head>
 
<body>
 
<div>  
 
	<form action = "#" method = "post" onsubmit = "Annonce_attente('message_attente')" >
 
		<p>       				 
			<input type = "submit" value = "Envoyez"  name="envoi" />
		</p>
 
    </form>
 
</div>
 
<div id = "message_attente" style="margin-top:20px;">
</div>
 
</body>
</html>

21/04/2011, 09h53
flyingfr53

Souvent les pbs de difference entre local et distant viennent des majuscules sur les noms de fichiers.