Mettre le contenu d'un fichier texte dans un div

Version imprimable

Bonsoir,

J'ai mis le code simplissime de ma page (elle sera en réalité plus étoffée) pour le principe.

Je souhaite à intervalle régulier mettre à jour le contenu du DIV meteo.
Le contenu de ce div est inscrit dans un fichier texte (sur le même nom de domaine et dans le même répertoire que le fichier index.html) généré lui par un script php.

Evidemment, mon code ne fonctionne pas.

Est ce du à une limitation de JS ? un bug qui m'échappe ?

Merci pour votre aide

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
	<head>
		<title>Météo en direct</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
		<script type="text/javascript">
 
			function refreshMeteo() {
				var request = null;
 
				if (window.XMLHttpRequest) { // Firefox
					request = new XMLHttpRequest();
				}
				else if (window.ActiveXObject) { // IE
					request = new ActiveXObject("Microsoft.XMLHTTP");
				}
				else {
					alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
					return;
				}	
 
				request.open('GET', 'http://mon.domaine.tld/meteo.txt', false);
				request.send(null);
 
				document.getElementById('meteo').innerHTML = request.responseText;
				setTimeout(refreshMeteo, 5000);
			}
		</script>
	</head>
 
	<body onload="refreshMeteo();">
		<div id="page">
			<div id="meteo">va te faire</div>
		</div>
	</body>
</html>

tu ne definit pas de fonction onreadystatChange

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
<script type="text/javascript">
 
			function refreshMeteo() {
				var request = null;
 
				if (window.XMLHttpRequest) { // Firefox
					request = new XMLHttpRequest();
				}
				else if (window.ActiveXObject) { // IE
					request = new ActiveXObject("Microsoft.XMLHTTP");
				}
				else {
					alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
					return;
				}	
 
				request.open('GET', 'http://mon.domaine.tld/meteo.txt', false);
				request.send(null);
 
  request.onreadystatechange  = function()
    { 
         if( request.readyState  == 4)
         {
              if( request.status  == 200) 
                document.getElementById('meteo').innerHTML = request.responseText;
      }   
    }
 }
 
				setTimeout(refreshMeteo, 5000);
			}
		</script>

18/07/2011, 19h26
elekaj34

Merci ... effectivement, j'avais totalement zappé la chose :oops: