[AJAX] recharger un div chaque 120 seconde

**newtech83** · 16/03/2011, 20h00

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 :

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

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>

**andry.aime** · 17/03/2011, 05h21

Bonjour,

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

A+.

**identifiant_bidon** · 18/03/2011, 06h38

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"...

**andry.aime** · 18/03/2011, 07h31

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+.

**identifiant_bidon** · 18/03/2011, 19h00

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.

(tiens, au passage, si tu as une idée concernant mon problème, je suis preneur hein

)

**Eric2a** · 18/03/2011, 19h49

Salut,

Essaie comme ceci...

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
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>

**Bovino** · 18/03/2011, 22h35

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 :

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
<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>

[AJAX] recharger un div chaque 120 seconde

AJAX

Discussions similaires

Partager

Partager