Discussion :

[debuta]

Bonjour,

J'ai essayé d'afficher un gif d'attente pendant le chargement de ma page en AJAX en utilisant le readyState. Le pb est que ça marche sous IE et FF1.5 mais pas sous FF2.0.

Est-ce qq1 pourrait m'aider svp?

Merci

Voila le code qui permet le chargement de la page en AJAX.

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
function getPage(selection,div)
{
	var content = document.getElementById(div);
 
	if(document.all)
		var XhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;
	else
		var XhrObj = new XMLHttpRequest();
 
	XhrObj.open("GET", selection);
 
	XhrObj.onreadystatechange = function()
		{	if(XhrObj.readyState ==3) //affichage du gif d'attente
                        {
                              document.getElementById(div).innerHTML = "<img src=\"Images/Header/loadingBig.gif\" alt=\"Please Wait\"/>";
  			}else	
			if (XhrObj.readyState == 4)
			content.innerHTML = XhrObj.responseText ;
		}
XhrObj.setRequestHeader("Content-Type", "text/xml; charset=utf-8");
	XhrObj.send(null);
}

[jeje13009]

salut,

ceci est peut-être dû à une rapidité de traitement... tu effectues l'affichage du gif uniquement sur le readyState==3 qui est certainement l'étape la plus rapide !

modifie peut-être ton code de la sorte :

XhrObj.onreadystatechange = function()
{ if (XhrObj.readyState == 4)
content.innerHTML = XhrObj.responseText ;
}else //affichage du gif d'attente
{
content.innerHTML = "<img src=\"Images/Header/loadingBig.gif\" alt=\"Please Wait\"/>";
}

=> ton gif sera affiché pour les valeurs 1, 2 et 3 du readyState

[debuta]

salut,

j'ai changé le code comme tu me l'as dit mais g tjs le mm pb, le gif animé s'affiche pour FF1.5 et IE et non sur FF2.0. merci qd mm!

si t'as une autre idée....

[suricat]

Bonjour,

J'ai eu des problèmes aussi avec les gif animés mais avec internet Explorer aussi.
Finalement j'ai utilisé un gif non animé et ça fonctionnait mieux, bien sûr ça donne beaucoup moins bien...