Mettre le contenu d'un fichier texte dans un div

**elekaj34** · 18/07/2011, 18h06

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 :

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

Invité · 18/07/2011, 18h32

tu ne definit pas de fonction onreadystatChange

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

**elekaj34** · 18/07/2011, 19h26

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

Mettre le contenu d'un fichier texte dans un div

JavaScript

Discussions similaires

Partager

Partager