[AJAX] Raffraichissement d'une div avec ajax

**crazymonkey** · 16/06/2009, 11h49

EDIT : Le code non bugger et qui fonctionne est donné ici ici.

Bonjour,

Je souhaiterai rafraichir une div à l'aide d'AJAX, le problème est que mon script ne fonctionne pas le voici :

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
echo '<head> <script type="text/javascript">
 
		var xhr;
		if (window.XMLHttpRequest)                 //  Objet de la fenêtre courant
			{ 
				xhr = new XMLHttpRequest();     //  Firefox, Safari, ...
			} 
		else 
		   if (window.ActiveXObject)                    //  Version Active
		   {
			  xhr = new ActiveXObject("Microsoft.XMLHTTP");   // Internet Explorer 
		   }
 
 
function refresh(delay,test,url)
 
{
	loadHtm(test,url);
	timer = setTimeout("refresh()",delay);
}
 
function loadHtm(test,url) 
{
	var XHR = new XHRConnection();
	XHR.setRefreshArea(test);
	XHR.sendAndLoad(url, "POST");
	return true;
}
</script>
</head>';
echo'<body onload="refresh(1,test,page_acceuil_eleve.php)"> 
	<div id="test">';
            add();
echo'</div></body>';

La fonction php add permet d'incrément une variable puis de l'afficher ... Je n'arrive pas à voir l'erreur dans ce script.

Merci d'avance pour votre aide.

**E.Bzz** · 16/06/2009, 12h18

Bonjour et bienvenue sur Developpez.com

2 remarques préalables :

Merci de poster le code généré au lieu du code PHP : il sera plus facile de t'aider.
Pourquoi faire un appel Ajax sur le onload du <body> ?

Génère directement le contenu correct pour ton div lors de la génération de la page ...

A+

**crazymonkey** · 16/06/2009, 12h30

Merci de ta réponse =), je reposte avec le code généré =)

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
<script type="text/javascript">
 
		var xhr;
		if (window.XMLHttpRequest)                 //  Objet de la fenêtre courant
			{ 
				xhr = new XMLHttpRequest();     //  Firefox, Safari, ...
			} 
		else 
		   if (window.ActiveXObject)                    //  Version Active
		   {
			  xhr = new ActiveXObject("Microsoft.XMLHTTP");   // Internet Explorer 
		   }
 
function refresh(delay,test,url)
 
{
	loadHtm(test,url);
	timer = setTimeout("refresh()",delay);
}
 
function loadHtm(test,url) 
{
	var XHR = new XHRConnection();
	XHR.setRefreshArea(test);
	XHR.sendAndLoad(url, "POST");
	return true;
}
</script>
<body> 
<div id="test" onload="refresh(1000,test,page_acceuil_eleve.php)">2</div>
</body>

Hum en mettant sur onload du body il va s'exécuter la fonction au chargement du corps de la page ...? Et question bête (mais je débute je suis perdu et je n'ai trouvé aucun cours ou tuto sur le net), je peux mettre le onload directement sur la div ? Mais dans les deux cas cela reviens au même non ? Puisque j'appelle ma fonction refresh en passant la div à rafraichir ... Ouh je suis vraiment perdue la

**E.Bzz** · 16/06/2009, 12h32

Envoyé par crazymonkey

Ouh je suis vraiment perdue la

Voir les autres réponses postées depuis

A+

**Bovino** · 16/06/2009, 12h38

Envoyé par crazymonkey

Et question bête (mais je débute je suis perdu et je n'ai trouvé aucun cours ou tuto sur le net), je peux mettre le onload directement sur la div ?

Non, ça tu ne peux pas ! Le onload s'applique à la balise body et aux éléments remplacés (img, object, iframe...)

**E.Bzz** · 16/06/2009, 12h41

Code :

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

timer = setTimeout("refresh(1000,test,page_acceuil_eleve.php)",delay);

Pas bon, là : ta variable test n'est pas interprétée

Code :

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

timer = setTimeout("refresh(1000,'"+test+"','page_acceuil_eleve.php')",delay);

EDIT : et les quottes autour des 2 derniers paramètres ...

A+

**crazymonkey** · 16/06/2009, 14h06

Envoyé par E.Bzz

Code :

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

timer = setTimeout("refresh(1000,test,page_acceuil_eleve.php)",delay);

Pas bon, là : ta variable test n'est pas interprétée

Code :

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

timer = setTimeout("refresh(1000,'"+test+"','page_acceuil_eleve.php')",delay);

EDIT : et les quottes autour des 2 derniers paramètres ...

A+

Envoyé par Bovino

Non, ça tu ne peux pas ! Le onload s'applique à la balise body et aux éléments remplacés (img, object, iframe...)

Merci à tous les deux,
J'ai donc appliqué les quottes sur les 2 derniers paramètres :

Code :

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

timer = setTimeout("refresh('1000','"+lol+"','page_acceuil_eleve.php')",delay);

Mais j'ai l'impression que les fonctions ne sont pas appelées je m'explique :

J'ai écris un document.write("Passage par refresh"); et document.write("Passage par loadhtm"); dans leur fonction respective refresh et loadhtm. Alors soit je m'y prends mal soit les fonctions ne sont pas appelées.

Et j'ai pourtant bien remis le onload sur la balise body ...

Merci d'avance pour votre aide.

**Bovino** · 16/06/2009, 12h24

Envoyé par crazymonkey

La fonction php add permet d'incrément une variable puis de l'afficher ... Je n'arrive pas à voir l'erreur dans ce script.

Merci d'avance pour votre aide.

Code :

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

1
2
3
4
5
6
function refresh(delay,test,url)
 
{
	loadHtm(test,url);
	timer = setTimeout("refresh()",delay);
}

Dans le setTimeout, tu ne passes pas d'arguments à ta fonction

**E.Bzz** · 16/06/2009, 12h27

Arf !
Pas vu le setTimeout()

Ça répond à ma 2° question ...

Par contre, un setInterval() serait plus logique, du coup ...

A+

**crazymonkey** · 16/06/2009, 12h37

Envoyé par Bovino

Code :

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

1
2
3
4
5
6
function refresh(delay,test,url)
 
{
	loadHtm(test,url);
	timer = setTimeout("refresh()",delay);
}

Dans le setTimeout, tu ne passes pas d'arguments à ta fonction

Ah oui bien vu j'ai corrigé ça par :

Code :

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

1
2
3
4
5
6
7
 
 
function refresh(delay,test,url)
{
loadHtm(test,url);
timer = setTimeout("refresh(1000,test,page_acceuil_eleve.php)",delay);
}

Mais ça ne fonctionne toujours pas

[AJAX] Raffraichissement d'une div avec ajax

AJAX

Vue hybride

Discussions similaires

Partager

Partager