responseXML sous ie7 et ie8 [Résolu]

[seben]

Bonjour,

J'essaie de lire le contenu d'un fichier kml (crée sous GoogleEarth) avec un script javascript. Sous Firefox, cela fonctionne sans problème mais pas sous InternetExplorer.
Aucun ne m'affiche de message d'erreur mais le résultat renvoyé par ie est null.

Si quelqu'un pouvait regarder mon script (simplifié à l'extrème). Le fichier lb.kml est un fichier crée par GoogleEarth contenant plusieurs balises "<Placemark>".

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
function loadXML(_fichierXML){
   var fichierXML = _fichierXML;
   var xhr_object = null;
 
   if(window.XMLHttpRequest) // Firefox
      xhr_object = new XMLHttpRequest();
   else if(window.ActiveXObject) // Internet Explorer
      xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
   else { // XMLHttpRequest non supporté par le navigateur
      alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
      return;
   }
 
   xhr_object.open("GET", fichierXML + "?" + new Date()*Math.random() , false);
   xhr_object.send(null);
//   if(xhr_object.readyState == 4) alert("Requête effectuée !");
   var docXml = xhr_object.responseXML;
   return docXml;
}
 
var docXml = loadXML("./xml/lb.kml");
alert(docXml.getElementsByTagName('Placemark').length);

[NoSmoking]

Bonjour,
essaies déjà cela

en local il te faut dans les Options Internet -> Avancés désactiver la prise en charge native de XMLHTTP.

L'autre solution est d'inverser la récupération de l'objet xhr_object

Code :

1
2
3
4
  if(window.ActiveXObject) // Internet Explorer
      xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
  else if(window.XMLHttpRequest) // Firefox
      xhr_object = new XMLHttpRequest();

[Bovino]

Que te donne un

Code :

alert(docXml);

?
Sinon, ça peut venir de plusieurs choses, en particulier un fichier XML non conforme...
Par exemple, y a-t-il un prologue XML ?

D'autre part, même si ton code est simplifié, j'aurais quand même deux remarques :
*

Code :

1
2
function loadXML(_fichierXML){
   var fichierXML = _fichierXML;

Quel est l'intérêt de placer dans une variable le paramètre de la fonction ?

* DocXml est déclaré dans plusieurs fonctions dont le scope est manifestement partagé, c'est assez maladroit

[seben]

Tout d'abord, merci pour vos réponses.

Envoyé par NoSmoking

Bonjour,
essaies déjà cela

en local il te faut dans les Options Internet -> Avancés désactiver la prise en charge native de XMLHTTP.

L'autre solution est d'inverser la récupération de l'objet xhr_object

Code :

J'ai déjà éssayé d'inverser mais le résultat reste identique.

[seben]

Envoyé par Bovino

Que te donne un

Code :

alert(docXml);

?
Sinon, ça peut venir de plusieurs choses, en particulier un fichier XML non conforme...
Par exemple, y a-t-il un prologue XML ?

D'autre part, même si ton code est simplifié, j'aurais quand même deux remarques :
*

Code :

Quel est l'intérêt de placer dans une variable le paramètre de la fonction ?

* DocXml est déclaré dans plusieurs fonctions dont le scope est manifestement partagé, c'est assez maladroit

Si j'ajoute un alert(docXml), ie me revoie "[object]" alors que ff me renvoie "[object XMLDocument]".

Le fichier XML est un fichier standard crée par GoogleEarth. Je joins une partie du fichier.

Maintenant au niveau des remarques :
- je ne sais plus pourquoi les paramètres sont placés dans une variable, une habitude que j'ai prise.
- la variable docXml est utilisée deux fois, c'est parce que la fonction loadXML est normalement placée dans un fichier "carte.js". C'est seulement pour isoler mon problème, que je suis aller la rajouter à mon fichier test.html. Normalement, elle n'est pas visible (et toutes ses variables) depuis le fichier ou elle est utilisée.

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
 
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2" xmlns:gx="http://www.google.com/kml/ext/2.2" xmlns:kml="http://www.opengis.net/kml/2.2" xmlns:atom="http://www.w3.org/2005/Atom">
<Document>
        <name>LB.kml</name>
        <open>1</open>
        <StyleMap id="msn_ylw-pushpin">
                <Pair>
                        <key>normal</key>
                        <styleUrl>#sn_ylw-pushpin1</styleUrl>
                </Pair>
                <Pair>
                        <key>highlight</key>
                        <styleUrl>#sh_ylw-pushpin0</styleUrl>
                </Pair>
        </StyleMap>
        <Style id="sh_ylw-pushpin0">
                <IconStyle>
                        <scale>1.3</scale>
                        <Icon>
                                <href>http://maps.google.com/mapfiles/kml/pushpin/ylw-pushpin.png</href>
                        </Icon>
                        <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/>
                </IconStyle>
        </Style>
        <Style id="sn_ylw-pushpin">
                <IconStyle>
                        <scale>1.1</scale>
                        <Icon>
                                <href>http://maps.google.com/mapfiles/kml/pushpin/ylw-pushpin.png</href>
                        </Icon>
                        <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/>
                </IconStyle>
        </Style>
        <Style id="sh_ylw-pushpin">
                <IconStyle>
                        <scale>1.3</scale>
                        <Icon>
                                <href>http://maps.google.com/mapfiles/kml/pushpin/ylw-pushpin.png</href>
                        </Icon>
                        <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/>
                </IconStyle>
        </Style>
        <StyleMap id="msn_ylw-pushpin0">
                <Pair>
                        <key>normal</key>
                        <styleUrl>#sn_ylw-pushpin</styleUrl>
                </Pair>
                <Pair>
                        <key>highlight</key>
                        <styleUrl>#sh_ylw-pushpin1</styleUrl>
                </Pair>
        </StyleMap>
        <Style id="sh_ylw-pushpin1">
                <IconStyle>
                        <scale>1.3</scale>
                        <Icon>
                                <href>http://maps.google.com/mapfiles/kml/pushpin/ylw-pushpin.png</href>
                        </Icon>
                        <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/>
                </IconStyle>
        </Style>
        <Style id="sn_ylw-pushpin0">
                <IconStyle>
                        <scale>1.1</scale>
                        <Icon>
                                <href>http://maps.google.com/mapfiles/kml/pushpin/ylw-pushpin.png</href>
                        </Icon>
                        <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/>
                </IconStyle>
        </Style>
        <Style id="sn_ylw-pushpin1">
                <IconStyle>
                        <scale>1.1</scale>
                        <Icon>
                                <href>http://maps.google.com/mapfiles/kml/pushpin/ylw-pushpin.png</href>
                        </Icon>
                        <hotSpot x="20" y="2" xunits="pixels" yunits="pixels"/>
                </IconStyle>
        </Style>
        <Folder>
                <name>LB</name>
                <Placemark>
                        <name>ATE</name>
                        <description>Arette (Pyrénées-Atlantique)</description>
                        <LookAt>
                                <longitude>-0.700300026625853</longitude>
                                <latitude>43.08580511979447</latitude>
                                <altitude>0</altitude>
                                <range>131462.6731382724</range>
                                <tilt>0</tilt>
                                <heading>2.762255765076517e-007</heading>
                                <altitudeMode>relativeToGround</altitudeMode>
                                <gx:altitudeMode>relativeToSeaFloor</gx:altitudeMode>
                        </LookAt>
                        <styleUrl>#msn_ylw-pushpin0</styleUrl>
                        <Point>
                                <coordinates>-0.7002999999999999,43.0858,0</coordinates>
                        </Point>
                </Placemark>
...

[Bovino]

Essaye en remplaçant

Code :

var docXml = xhr_object.responseXML;

par

Code :

var docXml = xhr_object.responseXML.documentElement;

[seben]

Envoyé par Bovino

Essaye en remplaçant

Code :

var docXml = xhr_object.responseXML;

par

Code :

var docXml = xhr_object.responseXML.documentElement;

alert(docXml) me retourne "null" sous ie et un avertissement apparait :

"docXml a la valeur null ou n'est pas un objet"

[NoSmoking]

Bonjour,
problème en local et/ou en ligne?

Une solution de remplacement, mettre la responseText dans une DIV, puis extraire les données via un getElementsByTagName('nom_tag')

Code :

1
2
3
var oRecup = document.getElementById('D_RECUP');
oRecup.innerHTML = oXhr.responseText;
var items = oRecup.getElementsByTagName('nom_tag');

Une autre solution est de parser la responseText

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function parseXMLString( txt){
  var xmlDoc = null;
  try{
    xmlDoc = new ActiveXObject( "Microsoft.XMLDOM");
    xmlDoc.async = "false";
    xmlDoc.loadXML( txt);
    return( xmlDoc);
  }
  catch(e){
    try{
      parser = new DOMParser();
      xmlDoc = parser.parseFromString( txt,"text/xml");
      return( xmlDoc);
    }
    catch(e){alert(e.message)}
  }
  return( null);
}

avec une utilisation du type

Code :

1
2
3
4
5
var oXml = parseXMLString( oXhr.responseText);
if( oXml){
  var items = oXml.getElementsByTagName('nom_tag');
  // le reste du code
}

[seben]

Merci à tous,

En vous inspirant de vos conseils, j'ai enfin résolu mon problème : j'importe la page en format "text" au lieu de "xml" et je la converti en xml à l'aide d'une fonction récupérée sur le NET.

Voici l'ensemble de mon fichier test :

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
 
function loadXMLDoc(_fichierXML){
   var fichierXML = _fichierXML;
   var xhr_object = null;
 
   if(window.XMLHttpRequest) // Firefox
      xhr_object = new XMLHttpRequest();
   else if(window.ActiveXObject) // Internet Explorer
      xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
   else { // XMLHttpRequest non supporté par le navigateur
      alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
      return;
   }
 
   xhr_object.open("GET", fichierXML + "?" + new Date()*Math.random() , false);
   xhr_object.send(null);
//   if(xhr_object.readyState == 4) alert("Requête effectuée !");
//   var docXml = xhr_object.responseXML;
   var docXml = xhr_object.responseText;
//   alert(docXml);
   docXml = StringtoXML(docXml);
   return docXml;
}
 
function StringtoXML(text){
   if (window.ActiveXObject){
      var doc=new ActiveXObject('Microsoft.XMLDOM');
      doc.async='false';
      doc.loadXML(text);
   } else {
      var parser=new DOMParser();
      var doc=parser.parseFromString(text,'text/xml');
   }
   return doc;
} 
 
var docXml = loadXMLDoc("./xml/lb.kml");
alert(docXml.getElementsByTagName('Placemark').length);