Chargement d'un gif avant le resutat de ma requete [Résolu]

[ns_deux]

Bonjour à tous,
J'ai une fonction qui marche tres bien en AJAX et je voudrais rajouter un gif pour faire patienter avant le resultat de ma requete.
voila ma fonction

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function requete(page,select,form,target,target1,target2,target3,target4)
{
	getXhr();
 
	xhr.onreadystatechange = function()
	{
		if(xhr.readyState == 4)
		{		
		if(xhr.status == 200 || xhr.status == 304)
			eval(xhr.responseText);
		}
	};
	xhr.open("POST",page,true);
	xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xhr.send("form="+escape(form)+"&type="+escape(select.id)+"&id="+escape(select.value)+"&target="+escape(target)+"&target1="+escape(target1)+"&target2="+escape(target2)+"&target3="+escape(target3)+"&target4="+escape(target4));
}

J'ai essayé cà mais ca ne marche pas

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
function requete(page,select,form,target,target1,target2,target3,target4)
{
	getXhr();
	
	xhr.onreadystatechange = function()
	{
		if(xhr.readyState < 4)
		{
		xhr.responseText = '<p><center><img src="gifs/wait.gif" alt="Patientez!" /></center></p>';
		}
		if(xhr.readyState == 4)
		{		
		if(xhr.status == 200 || xhr.status == 304)
			eval(xhr.responseText);
		}
		else
		{

	};
	
	xhr.open("POST",page,true);
	xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xhr.send("form="+escape(form)+"&type="+escape(select.id)+"&id="+escape(select.value)+"&target="+escape(target)+"&target1="+escape(target1)+"&target2="+escape(target2)+"&target3="+escape(target3)+"&target4="+escape(target4));
}

mais ca ne marche pas quelqu'un aurait une idée?
Merci d'avance

[4R416N33]

Tu sais quoi, je vais te donner un site avec des tutoriels super bien, mais que si tu ne le donnes à personne hein, paske ca ne doit être réservé qu'a certains privilégiés et pas pour tous !

Ce site s'appelle

http://www.developpez.com

Tu me crois si tu veux, mais si tu vas dans la rubrique Cours => Développement Web => Ajax, tu as un cours qui s'appelle Introduction à ajax et interaction avec php, et dedans il y a exactement ce que tu veux à la section III-B

Allez, comme je suis sympa :

http://gael-donat.developpez.com/web/intro-ajax/#LIII-B

[ns_deux]

Merci pour ton lien que je connaissais déja mais le probleme est un peu plus complexe que cà. Ma fonctione est utilisée plusieurs fois dans une meme page et l'identifiannt du div est variable selon le nombre de parametre target,target1,target2....
De plus je ne veux pas ajouter à toutes mes pages des div cachés mais recuperer les existants et les remplacer le temps du traitement de la requete par un gif d'attente

[4R416N33]

Tu ne peux pas jouer comme tu le fais avec ton responseText.

Ce qu'il faut faire, c'est avant ton if(xhr.readyState < 4) jouer avec des div que tu rends visibles ou auxquels tu change le contenu html, et ensuite, tu les remets dans leur état normal au xhr.readyState == 4

Ensuite, on te donne une méthode qui marche, si tu veux faire autrement, libre à toi de chercher...