[AJAX] Ajax firefox et IE7
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:
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> |
