Discussion :

[hpfx]

Salut,

voilà, j'ai un objet XML (classiquement un responseXML issue d'un XMLHttpRequest qui marche bien)
mon XML ressemble à celà :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<list>
  <tel><nom>abcdef</nom><id>123</id></tel>
  <tel><nom>xyz</nom><id>124</id></tel>
</list>

(bien sur avec plus de 2 "nom".
je me suis dis que j'allais parcourir mon XML avec le DOM en recherchant le noeud <list> puis en parcourant ses fils (des <tel>) et en recuperant les nom et id de chacun... mais voilà ca ne marche pas (rien ne se passe sous IE et FFx)
voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
var root_node=xmldoc.getElementsByTagName('list')[0];
alert('root:'+root_node+ 'n:'+root_node.childNodes.length); // donne qqchose ok
for (j=0;j<root_node.childNodes.length;j++)
 {
 alert(j+' -> '+root_node.childNodes[j].childNodes.length); // donne zero !!!, devrait donner 2 ?
 nom=root_node.childNodes[j].childNodes[0].nodeValue; // le nom
 id=root_node.childNodes[j].childNodes[1].nodeValue; // l'ID
 alert(j+' n:'+nom+' id:'+id); // rien ne s'affiche là...
 }

voilà, si vous pouvez m'aider, ca fait 2 heures que je tourne en rond.

merci d'avance.

[Mr N.]

Juste pour dire que ton xml est mal formé : <tel>...</nom>

[hpfx]

Juste pour dire que ton xml est mal formé : <tel>...</nom>

non, c'etait juste une erreur de frappe ici dans le forum. que j'ai corrigé depuis, en fait le xml est bien (au moins ca j'en suis sûr)

[SpaceFrog]

personnellement je me méfie de la différence d'interprétation des childNodes entre IE et FFX qui oblige souvent à utiliser un nodeCleaner, du coup j'attaque un peu plus violemment :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(root_node.getElementsByTagName('tel').length)

[Mr N.]

Sous Fx :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<list><tel><nom>abcdef</nom><id>123</id></tel><tel><nom>xyz</nom><id>124</id></tel></list>
<script>
var root = document.getElementsByTagName('list')[0];
for(i = 0 ; i < root.childNodes.length ; i++) {
   nom = root.childNodes[i].childNodes[0].firstChild.nodeValue;
   id  = root.childNodes[i].childNodes[1].firstChild.nodeValue;
   alert(nom+' : '+id);
}
</script>

Par contre c'est quoi le nodeCleaner ?

[SpaceFrog]

le node cleaner permet de supprimer certains nodes generes pas firefox ...
ça scanne les nodes et vire les textnodes inutiles ...

un simple teste du nombre de nodes et de childNodes sur une page en comparatif entre firefox et IE t'en diras bien plus ...

par exemple dans un table ...

[hpfx]

Sous Fx :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<list><tel><nom>abcdef</nom><id>123</id></tel><tel><nom>xyz</nom><id>124</id></tel></list>
<script>
var root = document.getElementsByTagName('list')[0];
for(i = 0 ; i < root.childNodes.length ; i++) {
   nom = root.childNodes[i].childNodes[0].firstChild.nodeValue;
   id  = root.childNodes[i].childNodes[1].firstChild.nodeValue;
   alert(nom+' : '+id);
}
</script>

Oups, au debut j'avais fait un copier/coller direct et j'avais oublié que tu avais "document." au debut de ton code.

bon, voilà j'ai testé en mettant xmldoc (ma variable)

voici donc le resultat :
* sous FFx : erreur : root.childNodes[i].childNodes[0] has no properties

* sous IE : erreur : childNodes à la valeur null ou n'est pas objet

donc ca ne marche pas.

PS :en fait ta solution est la même que la miene avec le "firstChild" en plus.

[Mr N.]

Bon chez moi ca marche mais suit plutot les conseils de la grenouille de l'hyper-espace qui sont plus fiables

[SpaceFrog]

le problème vient du fait qu'IE n'interpète pas list comme étant une balise ...
il n'arrive pas à trouver la balise fermante ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var root = document.getElementsByTagName('list')[0];
alert(root.outerHTML)

[hpfx]

personnellement je me méfie de la différence d'interprétation des childNodes entre IE et FFX qui oblige souvent à utiliser un nodeCleaner, du coup j'attaque un peu plus violemment :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(root_node.getElementsByTagName('tel').length)

Salut, j'ai testé... ouais j'ai bien un resultat (il me donne le nombre de "tel") super... mais apres... j'ai essayé de suivre l'exemple en faisant comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
var root_node=xmldoc.getElementsByTagName('list')[0];
var nb=root_node.getElementsByTagName('nom').length;
alert('nombre de tel:'+nb);
for (j=0;j<nb;j++)
 {
 alert(root_node.getElementsByTagName('nom')[j].nodeValue);
 alert(root_node.getElementsByTagName('id')[j].nodeValue);
 }

j'ai bien un alert pour le nb qui me donne une valeur (qui me semble correcte)...
mais ca ne marche pas.... les alert me renvoie null pour le nom et les id !

[hpfx]

le problème vient du fait qu'IE n'interpète pas list comme étant une balise ...
il n'arrive pas à trouver la balise fermante ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var root = document.getElementsByTagName('list')[0];
alert(root.outerHTML)

le alert(root.outerHTML) me donne undefinned sous FFx et plante sous IE (objet requis)
en fait je ne comprends pas ce que c'est que ce probleme ? cela viens t'il du nom de la balise que j'ai choisie (list) faut'il en prendre une autre ????

[Mr N.]

(pas testé de chez pas testé)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var liste = xmldoc.getElementsByTagName('list')[0];
var tels = liste.getElementsByTagName('tel');
for (i = 0 ; i < tels.length ; i++) {
   nom = tels[i].getElementsByTagName('nom');
   ...
}

[hpfx]

(pas testé de chez pas testé)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
var liste = xmldoc.getElementsByTagName('list')[0];
var tels = liste.getElementsByTagName('tel');
for (i = 0 ; i < tels.length ; i++) {
   nom = tels[i].getElementsByTagName('nom');
   ...
}

ca dois pas être bien loin.. quand je vais un alert(nom) ca me donne Object HTMLCollection

et sous IE : bah, ca plante, mais j'en suis plus là...

s'il vous plait, j'ai plus un neurone là, j'ai passé un temps dingue sur des doc en anglais, je suis noyé...
merci.

[hpfx]

SOS, quand je fais (FFx) :

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
   alert(tels[i].getElementsByTagName('nom')[0].nodeValue);
   // donne "null"
 
  alert(tels[i].getElementsByTagName('nom')[0]);
   // donne "Object Element"
 
  alert(tels[i].getElementsByTagName('nom'));
   // donne "HTMLObject Collection"
 
  alert(tels[i].getElementsByTagName('nom').nodeValue);
   // donne "undefined"
 
  alert(tels[i].getElementsByTagName('nom').data);
   // donne "undefined"
 
  alert(tels[i].getElementsByTagName('nom').firstChild);
   // donne "undefined"

voilà, je suis perdu... comment je choppe le contenu de mon tag alors moi ?
merci...

[Mr N.]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
nom = tels[i].getElementsByTagName('nom')[0];
for (i in nom) {
   alert(i+' : '+eval('nom.'+i));
}

Ca te permettra d'avoir toutes les propriétés/fonctions sur l'objet nom (sous Fx en tout cas)...
bon clic

[hpfx]

Merci Mr N.
cette asctuce vaut de l'or !
justement je me demandais au moment de poster ce message comment connaitre la liste des toutes les proprietes (il dois bien y avoir un site de reference si possible en francais) mais là avec cette astuce c'est encore mieux car c'est dynamique. aussi puissant que le concept DOM inspector de FFx ! (le jour ou je l'ai decouvert ca a revolutionné ma vie )

merci.
je donnerais (demain) la reponse a ma question ... si je la trouve (pour ceux que ca interresse).

PS : et si qqun connais un bon site de reference pour le javascript, ej suis quand même preneur hein...

[Mr N.]

Bien sur que tu dois donner ta réponse... pense aux autres qui auraient les mêmes difficultés !

[hpfx]

voilà la reponse :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
var liste = xmldoc.getElementsByTagName('list')[0];
var tels = liste.getElementsByTagName('tel');
for (i = 0 ; i < tels.length ; i++) {
   nom = tels[i].getElementsByTagName('nom')[0].childNodes[0].nodeValue;
   id = tels[i].getElementsByTagName('id')[0].childNodes[0].nodeValue;
   alert(id+' '+nom);
}

mais ca ne marche QUE sous FireFox.
Je vais essayer de faire marcher celà sous IE (si qqun a une idée je suis preneur hein)

C'est quand même bien tordu...

merci de votre aide.

[Mr N.]

Solution de contournement (pour pas dire facilité) : passe par les attributs

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<list>
   <tel nom="Dupond" id="66" />
   <tel nom="Dupont" id="33" />
   ...
</list>

[hpfx]

Solution de contournement (pour pas dire facilité) : passe par les attributs

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<list>
   <tel nom="Dupond" id="66" />
   <tel nom="Dupont" id="33" />
   ...
</list>

T'es fou (*) déjà que j'ai eu du mal a chopper les TAG, les attribus j'y pense même pas.... je ne connais même pas la fonction alors....
en plus au debut j'y avais pensé, mais je m'etais dis que ca serait plus difficile !

(*) tu me permettra cette familiarité

merci de ton aide.