[AJAX] recharger un div chaque 120 seconde

Version imprimable

16/03/2011, 19h00
newtech83

[AJAX] recharger un div chaque 120 seconde
Désoler si le sujet a été déja abordé mais je galère depuis quelque jours
sans trouver le bout de code qui va me sauver.
Je voudrai recharger une div de mon site chaque 120 secondes.
Code:

1 2 3 4 5 6 7 8 <html> <body > <contenu html > // div a recharger sans recharger la page <div><IFRAME src="http://xxx.xxx.xxx.xxx/connecte.php" > </IFRAME> </div> </body> </html>
17/03/2011, 04h21
andry.aime

Bonjour,

Tu as mal cherché. Discussion mainte fois résolue. Un exemple: Rafraichir une partie de la page toutes les secondes

A+.
18/03/2011, 05h38
identifiant_bidon

Ton exemple n'est pas très bon, Aimé ... ;)

Mon cas n'est pas encore résolu. Quand il le sera, je mettrai la balise "résolu"... :?
18/03/2011, 06h31
andry.aime

Citation:

Envoyé par identifiant_bidon

Ton exemple n'est pas très bon, Aimé ... ;)

Mon cas n'est pas encore résolu. Quand il le sera, je mettrai la balise "résolu"... :?

Le tien se rafraichi déjà à chaque intervalle de temps, ce que tu rencontres est déjà un autre problème. Des discussions sont déjà résolue. Je ne ferai quand même pas la recherche à votre la place.

A+.
18/03/2011, 18h00
identifiant_bidon

Si tu lis bien Aimé, cela ne se rafraichit pas sous IE (IE7 je précise). ;)
(Firefox et Chrome OK par contre)

Ne t'inquiète pas, la fonction recherche je connais et je connais même Google. :D (tiens, au passage, si tu as une idée concernant mon problème, je suis preneur hein ;) )

Salut,

Essaie comme ceci...

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Test</title>
		<script type="text/javascript">//<![CDATA[
			function appendIframe(){
				var d,i,e;
				try{
					d=document.getElementById('refresh');
					i=document.createElement('iframe');
					i.setAttribute('src','http://xxx.xxx.xxx.xxx/connecte.php'); // Adresse
					i.setAttribute('width','256');	// Largeur
					i.setAttribute('height','256');	// Hauteur
					i.setAttribute('frameborder','0');
					i.setAttribute('scrolling','auto');
					i.setAttribute('hspace','0');
					i.setAttribute('vspace','0');
					i.setAttribute('marginheight','0');
					i.setAttribute('marginwidth','0');
					while(d.hasChildNodes())d.removeChild(d.lastChild);
					d.appendChild(i);
				}catch(e){}
				finally{
					this.counter=setTimeout(appendIframe,120000); // 1000 * 120 sec.
				}
			}
 
			window.onload=appendIframe;
		//]]>
		</script>
	</head>
 
	<body>
		<div id="refresh"></div>
	</body>
</html>

Juste pour lever un doute. C'est la div que tu veux recharger ou tu veux juste rafraichir l'iframe ?
Dans le premier cas, tu veux mettre quoi à la place ?
Dans le second cas, pas grand chose à voir avec AJAX, il suffit de faire
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <html> <head> <script type="text/javascript"> window.onload = function(){ setInterval(function(){ document.getElementById('refresh_frame').src = document.getElementById('refresh_frame').src.split('?')[0] + '?tt=' + new Date().getTime(); },120000); } </script> </head> <body > <contenu html > // div a recharger sans recharger la page <div><IFRAME id="refresh_frame" src="http://xxx.xxx.xxx.xxx/connecte.php" > </IFRAME> </div> </body> </html>