Image pour faire patienter l'utilisateur

sakhavat · 13/04/2011, 10h31

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 · 13/04/2011, 11h05

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 · 13/04/2011, 17h02

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 · 14/04/2011, 16h34

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

un input est une balise autofermante ...

ABCIWEB · 15/04/2011, 01h52

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 · 15/04/2011, 10h45

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.

ABCIWEB · 15/04/2011, 19h15

Essayes cela, c'est le principe :

Code :

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

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>

flyingfr53 · 21/04/2011, 09h53

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

13/04/2011, 11h05	#2
andry.aime Rédacteur/Modérateur Andry Aimé Inscription : septembre 2007 Messages : 5 126 Détails du profil Informations personnelles : Nom : Andry Aimé Localisation : Ile Maurice Informations forums : Inscription : septembre 2007 Messages : 5 126 Points : 7 270 Points : 7 270	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';"/>
	10

14/04/2011, 16h34	#4
sakhavat Invité de passage Sakha Seydov Étudiant Inscription : avril 2011 Messages : 4 Détails du profil Informations personnelles : Nom : Sakha Seydov Localisation : France, Bas Rhin (Alsace) Informations professionnelles : Activité : Étudiant Secteur : Communication - Médias Informations forums : Inscription : avril 2011 Messages : 4 Points : 0 Points : 0	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
	00

14/04/2011, 16h44	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	un input est une balise autofermante ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

15/04/2011, 01h52	#6
ABCIWEB Membre Expert Inscription : septembre 2010 Messages : 1 242 Détails du profil Informations forums : Inscription : septembre 2010 Messages : 1 242 Points : 1 564 Points : 1 564	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 ? __________________ - Réalisations - Interface graphique : génération en javascript d'objets défilants, texte et/ou images, mode horizontal ou vertical.
	00

13/04/2011, 17h02	#3
sakhavat Invité de passage Sakha Seydov Étudiant Inscription : avril 2011 Messages : 4 Détails du profil Informations personnelles : Nom : Sakha Seydov Localisation : France, Bas Rhin (Alsace) Informations professionnelles : Activité : Étudiant Secteur : Communication - Médias Informations forums : Inscription : avril 2011 Messages : 4 Points : 0 Points : 0	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
	00

15/04/2011, 10h45	#7
sakhavat Invité de passage Sakha Seydov Étudiant Inscription : avril 2011 Messages : 4 Détails du profil Informations personnelles : Nom : Sakha Seydov Localisation : France, Bas Rhin (Alsace) Informations professionnelles : Activité : Étudiant Secteur : Communication - Médias Informations forums : Inscription : avril 2011 Messages : 4 Points : 0 Points : 0	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.
	00

21/04/2011, 09h53	#9
flyingfr53 Membre à l'essai Inscription : septembre 2010 Messages : 34 Détails du profil Informations forums : Inscription : septembre 2010 Messages : 34 Points : 21 Points : 21	Souvent les pbs de difference entre local et distant viennent des majuscules sur les noms de fichiers.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email