[AJAX] Message d'attente avant réception des données
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:
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é 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