[AJAX] Ajax firefox et IE7

**dlamo** · 22/10/2007, 12h22

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>

**jeje13009** · 23/10/2007, 00h38

slt,

bascule le script dans la partie <head> déjà, ensuite tu mets la fonction afficheHistorique (la dernière) en première suivie de la fonction historisation (l'avant dernière)...

ca devrait déjà être mieux... (du moins ca me paraît plus logique)

si tu te referes à "AJAX - Le Guide Complet" de Micro Application, indiques moi la page stp (meilleure lisibilité sur le bouquin !)

**dlamo** · 23/10/2007, 10h04

Merci pour ces infos, je vais tester ça dans qlq minutes....
Oui il s'agit bien de ce bouquin, c'est en page 139, mais tu pourras remarqué que j'ai déjà adapté pour y ajouter le try and catch...
L'histoire c'est que depuis le début des tests avec ce bouquin ça ne marchais jamais ni sous IE ni sous FF. Puis j'ai ajouté les try and catch et là miracle ça marche mais uniquement sous FF et uniquement quand j'utilise un fichier .txt
Je vais déjà faire comme tu dis, et te tiens au courant...

ps : Je vois que tu es à Marseille... Je ch un poste de développeur intranet/internet, si tu entends parler.... mon CV est dispo sur demande...

Merci encore

**jeje13009** · 23/10/2007, 12h06

slt,

alors ca donne quoi ?

si ton serveur ne prend pas json c'est normal que ça ne marche pas...

PS : officiellement chômeur, officieusement en cours de lancement en freelance !

**dlamo** · 23/10/2007, 12h08

Re-bonjour,

Alors les modifs ont été faites selon ton idée.... Hélas toujours pareil : sans prob sous FF et rien sous IE7

ça doit venir d'ailleurs...

**dlamo** · 23/10/2007, 16h04

Mon serveur reconnait bien json, j'ai téléchargé d'ailleurs un utilitaire dont il parle dans le bouquin pour passer du xml au json...
Mais c'est IE qui ne veut rien savoir, je ne sais pas pourquoi...

ps : Ton projet de freelance m'interesse, je peux te contacter comment pour avoir des infos ?

**jeje13009** · 23/10/2007, 17h29

pour le projet freelance, viens en mp...

sinon concernant ton pb, je ne sais pas trop, mais si tu as compris le principe de base de AJAX, je te conseille de développer toi-même tes outils ou de passer par des framework plutôt que de t'ingurgiter tout le bouquin...

[AJAX] Ajax firefox et IE7

JavaScript

Discussions similaires

Partager

Partager