[AJAX] Message d'attente avant réception des données

**sebaaas** · 21/06/2009, 15h40

Bonjour à tous,

Je travail sur l'élaboration d'un site qui affiche (entre autre) le RSS d'autre site.

Pour ce faire j'utilise un peu AJAX.

Malheureusement entre le moment ou l'on clique pour voir apparaitre le RSS et le moment ou il apparait, il se passe un certain temps.

Comment puis-je afficher un message d'attente du genre 'Veuillez patienter" et/ou une image entre le moment ou je clique et le moment ou j'ai la réponse du serveur.

Voici mon site

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<html>
<head>
	<meta http-equiv="Content-Script-Type" content="text/javascript">
	<meta http-equiv="Content-Style-Type" content="text/css">
	<script type="text/javascript">
	<!--
 
	function xxx(id2, newtext) {
	document.getElementById(id2).value = newtext;
	}
 
	function verifPseudo(id, nomp)
	     {
	     if(nomp != '')
	               {
	                writediv(id, file('test1.php?destinataire='+escape(nomp)+'&id='+(id)))
	               }
	    }
 
 
	function file(fichier)
		{
		if(window.XMLHttpRequest) // FIREFOX
			xhr_object = new XMLHttpRequest();
		else if(window.ActiveXObject) // IE
			xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
		else
			return(false);
		xhr_object.open("GET", fichier, false);
		xhr_object.send(null);
		if(xhr_object.readyState == 4) return(xhr_object.responseText);
		else return(false);
		}
 
	//-->
 
</script>
 
 
</head>
<body onLoad="verifPseudo(1,3);">
					<div id="cadre_rss">
 
 
					<h3><font color="Red" size="5"><b><u>L'actualit&eacute; RSS :</u></b></font>
						<img style="cursor:pointer;" src="/image/hardware.gif" width="100" onclick = "verifPseudo(1,1)" alt="HardWare.fr">
						<img style="cursor:pointer;" src="image/logo_matbe.png" width="100" onclick = "verifPseudo(1,2)" alt="Matbe.com">
 
						<img style="cursor:pointer;" src="image/pcinpact.png" width="100" onclick = "verifPseudo(1,3)" alt="PC INpact">
						<a style="cursor:pointer;" onclick="visibilite('lien');"><font color="blue"><b>Plus de RSS ...</b></font></a></h3>
				<div id="bloccadre_rss">
 
 
								<div id="nompbox1" style="display:inline;"></div>
 
						</div>
						</div>
 
</body>
</html>

Merci

**emmanuel.remy** · 21/06/2009, 23h28

Salut,

L'idée est d'avoir une DIV (ou autre) avec ton message. Son style initial est display:none. Lors de l'appel AJAX tu la passes en style:display:block ou "" et au retour de la requête AJAX tu la recaches.

J'en profite pour t'encourager à regarder le défi Javascript dvp.com , car ta participation est plus qu'envisageable étant donné la similitude entre le défi et ce que tu réalises !

ERE

[AJAX] Message d'attente avant réception des données

AJAX

Discussions similaires

Partager

Partager