bonjour à tous,
Je débute en ajax et mon appli (je suis un bouquin) fonctionne correctement sous firefox mais rien ne se passe sous IE7.. Quelqu'un pourrait-il m'éclaire !

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Données Météo</title>
<style>
	div#historique {
	border:1px solid #000;
	width: 400px;
	height:300px;
	overflow:auto;
	visibility: visible;
		}
</style>
</head>
 
<body style="font-size:14px;">
	<h1>Données météo</h1>
    <input type="button" value="Actualiser / Historier" onclick="getDonnees();" />
    <div
    style="position:absolute; top:100px; left:10px">
    	<div
        style="position:absolute; top:10px; left:0px;">
        Température
        </div>
        <div id="temperature"
        style="position:absolute; top:10px; left:100px;">
        26°
        </div>
        <div
        style="position:absolute; top:40px; left:0px;">
        Humidité
        </div>
        <div id="humidite"
        style="position:absolute; top:40px; left:100px;">
        70%
        </div>
        <div
        style="position:absolute; top:70px; left:0px;">
        Tendance
        </div>
        <div id="tendance"
        style="position:absolute; top:70px; left:100px;">
        Variable
        </div>
     </div>
     <div id="historique"
	 style="position:absolute; top:70px; left:300px;">     </div>
<script type="text/javascript">
	 //raccourcis d'écriture pour getElementById :
	 function $(id) {
	 	return document.getElementById(id);
	 }
 
	 //fonction de récupération des données en ajax :
	 function getDonnees() {
		try {
			requete_ajax = new ActiveXobject("Microsoft.XMLHTTP");
		}
		catch (err) {
			try {
				requete_ajax = new ActiveXObject('Msxml2.XMLHttpRequest');
			}
			catch (err) {
				try {
					requete_ajax = new XMLHttpRequest();
				}
				catch(err) {
				requete_ajax = null;
				}
			}
		}
		requete_ajax.open('GET', 'data.txt', false);
		requete_ajax.send(null);
		var retour = requete_ajax.responseText;
		var tableau = retour.split('|');
		$('temperature').innerHTML = tableau[0];
		$('humidite').innerHTML = tableau[1];
		$('tendance').innerHTML = tableau[2];
		historisation(tableau[0],tableau[1],tableau[2]);
		afficheHistorique();
	} 
	//tabl des données d'histo
	var tabHisto = new Array();
	//mise en mémoire dans un tableau de données
	function historisation(temp,hum,tend) {
		tabHisto.push([new Date(), temp,hum,tend])
	}
    //affichage de l'historique
	function afficheHistorique() {
		var html = '';
		for (var i=0; i < tabHisto.length; i++) {
			html += tabHisto[i][0]+' ';
			html += tabHisto[i][1]+'°C / ';
			html += tabHisto[i][2]+'% / ';
			html += tabHisto[i][3]+'<br />';
		}
		$('historique').innerHTML = html;
	}
    </script>
</body>
</html>