DOM - naviguer dans un XML en javascript

Version imprimable

Voir 40 message(s) de cette discussion en une page

Citation:

Envoy� par hpfx

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.... :D
Code:

1 2 getAttribute/setAttribute
Pour intervenir sur le d�but du probl�me (avec quelque peu de retard):
Il y en effet comme le dis SP une diff�rence fondamentale d'interpr�tation du DOM entre IE et FFx.

Ainsi, le document:

Citation:

<?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>

Correspond � l'arbre DOM (sous IE):
Code:

1 2 3 4 5 6 7 8 9 10 11 12 |--list |--tel | |--nom | | |--"abdcef" | |--id | |--"123" |--tel |--nom | |--"xyz" |--id |--"124"
qui est l'arbre DOM attendu.
Alors que sous FFx, l'arbre est le suivant:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |--list |--" " |--tel | |--nom | | |--"abdcef" | |--id | |--"123" |--" " |--tel | |--nom | | |--"xyz" | |--id | |--"124" |--" "
La diff�rence n'est pas �norme, mais d�s que tu fais un:

Citation:

root_node.childNodes[j].childNodes.length

pour j=0, �a retourne un undefined dans FFx car le premier noeud est un noeud texte.

D'ou tout ton probl�me.

Une solution est effectivement d'utiliser un "node cleaner" qui est un programme qui va detecter ces noeuds textes ne contenant que des blancs et le supprimer.

Bonne chance!!

Citation:
Envoy� par denisC
Alors que sous FFx, l'arbre est le suivant:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |--list |--" " |--tel | |--nom | | |--"abdcef" | |--id | |--"123" |--" " |--tel | |--nom | | |--"xyz" | |--id | |--"124" |--" "
La diff�rence n'est pas �norme, mais d�s que tu fais un:

Citation:

root_node.childNodes[j].childNodes.length

pour j=0, �a retourne un undefined dans FFx car le premier noeud est un noeud texte.

D'ou tout ton probl�me.

Bonne chance!!
ok,
bon, c'est un peu balez tout ca pour moi.
je comprends donc pouquoi il faut parcourir les 'tel' et le 'id', plutot que passer par childNodes[]...
mais par contre ca n'explique pas pourquoi le code qui marche sous FFx ne fonctionen pas lui sous IE ?
pour rappel, le voici :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 if (xmldoc.getElementsByTagName('list')[0].getElementsByTagName('tel').length==0) { Fct_noentry(); return; } 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; Fct_ligne(nom,id); }
en gros, est-il plus simple de corriger mon code actuel pour qu'il marche aussi sous IE. ou faut-il mieux faire un code qui parcour les nodes de <list> en prenant soin de ne pas lire les nodes " " (chaine vide) ? (ou utilisant un node cleaner)

quest-ce qu'il y a de mieux ?
ou si qqun peu me donner le code pour parcourir cet arbre sous IE (je peux au pire faire une fonction pour IE et une pour FFX ? ou au mieux essayer de fusionner les 2 )

merci.

PS: et grace a ton explication, j'ai compris pourquoi j'ai eu du mal quand j'ai voulu tester s'il y avait un fils "tel" dans "list", voir ce que j'ai du faire � la 1ere ligne de mon code... quand je vois cel� ca fait froid dans le dos :)

03/11/2005, 15h33
SpaceFrog

javatwister � du coller un script de nodecleaner dans la faq ...
un petit coup de node cleaner avant de lancer ta fonction de parsage...
03/11/2005, 15h41
hpfx

Citation:

Envoy� par SpaceFrog

javatwister � du coller un script de nodecleaner dans la faq ...
un petit coup de node cleaner avant de lancer ta fonction de parsage...

dans la FAQ javascript (http://javascript.developpez.com/faq/) ?
j'ai pas trouv�. J'ai jet� un coup d'oeuil avant de poster ici mais a par de grosse generalit�, j'ai pas vu. :cry:
03/11/2005, 16h13
denisC

Citation:

Envoy� par hpfx

dans la FAQ javascript (http://javascript.developpez.com/faq/) ?

Dans le projet de FAQ

Tu as ma m�thode (orient�e DOM) et la m�thode de JT (orient�e JT). Il soutiens que la sienne va plus vite, ce que je ne peux d�mentir. Mais au moins la mienne, je comprends comment elle fonctionne :P
03/11/2005, 17h23
hpfx

Citation:

Envoy� par denisC

Dans le projet de FAQ

Interressant.. pas facile pour qqun qui n'est pas un expert.
bon en fait vous vous �tes concentr� sur le nettoyage, ok. mais dans le tutorial, (une fois le nettoyage r�alis�) il manque je trouve un petit exemple de parcours d'arbre... enfin voil� quoi. je vais etudier vos sources.

j'ai encore une vrai question : voil�, je recupere mon objet xml grace a un XMLHttpRequest avec un truc du genre :

Code:

var xmldoc=http_req.responseXML

mais voil�, pour effectuer des test, c'est la galere (a chaque fois, j'upload le vais dans le navigateur je recharge la page, je saisie qqchose dans un champ... enfin c'est lourds...
je voulais savoir y a t'il a un moyen de mettre directement dans le code javascript un exemple de xml, un peu comme cel� :

Code:

var xmldoc="<list><tel><nom>abc</nom><id>123</id></tel><tel>.....";

vous voyez ce que je veux dire ?

ou p'tre mettre directment mon <list> dans le body et y faire un truc genre var xmldoc=document.getElementById ??? non ???

merci d'avance.
03/11/2005, 17h50
denisC

Citation:

Envoy� par hpfx

je voulais savoir y a t'il a un moyen de mettre directement dans le code javascript un exemple de xml, un peu comme cel�

Int�ressante comme question. Je ne sais pas si tu peux cr�er un document DOM dans ta page.

Tu peux certainement cr�er un �lement XML dans ta page web (en l'ins�rant dans un div cach� de ta page par exemple), ou tu peux le cr�er dynamiquement en JS avec les m�thodes DOM (createElement et autre). A toi de voir si �a vaut le coup...

tiens, en passant, voici une petite fonction que j'ai pondu :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function affinfo(obj,nom) { c='<br /><u>'+nom+'</u><ul>'; for (i in obj) { try{ c=c+'<li>'+nom+'.'+i+' : '+eval(nom+'.'+i)+'</li>'; } catch(e) {c=c+'<li>ERR '+nom+'.'+i+' '+e.description+'</li>';} } c=c+'</ul>'; document.write(c); }
completement bas� sur le code (voir plus haut) donn� par Mr N.
cette fonctionne affiche les propriete d'un element, pratique quand on a pas de DOM inspector (IE)

ca s'utilise comme cel� :
Code:

1 2 3 // j'ai un objet : truc affinfo(truc,'truc');
j'espere que ca peux aider.
est-ce que ca peux trouver sa place dans la FAQ (a cot� des codes de nettoyage) ?
bien sur on peut remplacer le write par un return et renvoyer le commentaire � la fonction appelante pour un usage differents... a vous de voir.

Citation:

Envoy� par denisC

ou tu peux le cr�er dynamiquement en JS avec les m�thodes DOM (createElement et autre). A toi de voir si �a vaut le coup...

une �me charitable capable de me pondre le JS qui cr�e ceci :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 |--list |--tel | |--nom | | |--"abdcef" | |--id | |--"123" |--tel |--nom | |--"xyz" |--id |--"124"
sivousplait....

ouais parceque d�j� j'arrive pas a le parcourir (j'y travaille justement) mais en plus si je dois le cr�er, je ne suis pas sur d'y arriver.
d'un autre cot� il vaut mieux partir sur de bonnes bases et �tre SUR a 100% de mon objet xml, et donc que ca soit fait par qqun qui sait faire. (promis je donnerais la fonction de lecture qui marche dans FFx et IE)

donc, un grand merci a celui qui prendra son courage a deux main pour m'aider.

Citation:

Envoy� par hpfx

une �me charitable capable de me pondre le JS qui cr�e ceci :

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
 
function createXMLDoc() {
    if (document.implementation && document.implementation.createDocument) {
        var xmldoc = document.implementation.createDocument("", "list", null);
        xml_root = xmldoc.documentElement;
    }
    else if (window.ActiveXObject) {
        var xmldoc = new ActiveXObject("Microsoft.XMLDOM");
        xml_root = xmldoc.createElement("list");
        xmldoc.appendChild(xml_root);
    }
    xml_tel1 = xmldoc.createElement('tel');
    xml_root.appendChild(xml_tel1);
    xml_nom1 = xmldoc.createElement('nom');
    xml_tel1.appendChild(xml_nom1);
    xml_nom1.appendChild(xmldoc.createTextNode('abcdef'));
    xml_id1 = xmldoc.createElement('id');
    xml_tel1.appendChild(xml_id1);
    xml_id1.appendChild(xmldoc.createTextNode('123'));
    xml_tel2 = xmldoc.createElement('tel');
    xml_root.appendChild(xml_tel2);
    xml_nom2 = xmldoc.createElement('nom');
    xml_tel2.appendChild(xml_nom2);
    xml_nom2.appendChild(xmldoc.createTextNode('xyz'));
    xml_id2 = xmldoc.createElement('id');
    xml_tel2.appendChild(xml_id2);
    xml_id2.appendChild(xmldoc.createTextNode('124'));
    return xmldoc;
}

Test� et approuv� dans FFx, test� dans IE: �a ne fait pas de bug, mais je n'ai pas r�ussi � v�rifier le document en entier (trop long...)

Bonne chance :wink:

05/11/2005, 15h42
siddh

salut,
je me suis bien casser la tete sur un probleme similaire en utilisant le xmlhttprequest ;)
pour ie en fait il faut d abord acc�der au documentElement de ton responseXml.
Apres tu pourras faire tes get...
A savoir aussi que les elements n ont pas les memes propri�t�s et m�thodes si tu es dans ff ou ie.
06/11/2005, 13h33
hpfx

Citation:

Envoy� par siddh

salut,
je me suis bien casser la tete sur un probleme similaire en utilisant le xmlhttprequest ;)
pour ie en fait il faut d abord acc�der au documentElement de ton responseXml.
Apres tu pourras faire tes get...
A savoir aussi que les elements n ont pas les memes propri�t�s et m�thodes si tu es dans ff ou ie.

merci, je galere comme pas possible (j'ai pas pu y consacrer plus d'une demin journ�e vendredi), et ce malgres l'aide de denisC et de son script.
mais a force de perceverer je vais y arriver.
merci pour ton conseil.
apparement ce qui marche avec le document xml du script de denisC ne marche pas avec le vrai jeu de test (renvoy� par le serveur) et pourtant j'ai modifi� ma fonction pour quelle renvoie excatement le xml de l'exemple (m�me au niveau des retours chariots)

d'ailleur j'ai trouv� comment eviter d'avoir besoin d'un nodecleaner pour firefox : il ne faut pas faire de retour � la ligne entre les tags (xml).
Les retours a la ligne sont interpret� comme un node texte par fairefox (pourquoi pas apres tout). donc voil� c'est une information que j'espere aidera certains. (et dire que j'avais volontairement ajout� ces retours � la ligne pour faire qqchose de lisible! sic)

Je vous tiendrai au courant...
07/11/2005, 09h03
denisC

Citation:

Envoy� par hpfx

d'ailleur j'ai trouv� comment eviter d'avoir besoin d'un nodecleaner pour firefox : il ne faut pas faire de retour � la ligne entre les tags (xml)

J'avais en effet oubli� de pr�ciser, mais ces noeuds vide n'apparaissent pas par hasard. Il apparaissent l� ou existent des caract�res blancs (comme le retour chariot).

Et effectivement, le comportement de FireFox est compatible avec la norme XML du W3C.
08/11/2005, 22h21
hpfx

Bon, voil� apres 2 jours de recherche je dois baisser les bras.
pour IE, je n'utilise pas le XML (en esperant que dans IE7 on puisse se rapprocher de la syntaxe FFx) dans le cas d'IE mon service web (php) ne renvoie pas du xml, mais plutot du simple texte avec separateur, en JS il ne reste qu'a spliter totu ca... (je sais c'est nul)
voil� j'avais promis de vous donner des nouvelles....

une question en fouillant sur ce site hier soir, je suis tomb� par hazard sur un lien d'une page ou etait detaill� les different TAG xhtml. c'etait bien fais car pour chaques tag, il y a les parent possible et les enfants possible (et surtout en rouge les enfants obligatoire) malheuresement j'ai oubli� debookmarquer le site... je ne le retrouve pas. si qqun connais... merci.
08/11/2005, 22h29
siddh

il y a une reference xhtml sur zvon.org mais je penses pas que ce soit ca.
par contre le site vaut le deplacement si tu le connais pas.
08/11/2005, 22h34
hpfx

Citation:

Envoy� par siddh

il y a une reference xhtml sur zvon.org mais je penses pas que ce soit ca.
par contre le site vaut le deplacement si tu le connais pas.

ouais, http://zvon.org/xxl/xhtmlReference/Output/index.html
c'est axactemetn le m�me concept, bon le site etait plus joli, et surtout il y avait pas de pub.

mais je ne vais pas faire la fine bouche, ce site ira tres bien.

merci
08/11/2005, 22h43
siddh

oui zvon c est moche c est vrai mais tellement complet !
t as aussi les refs dom 2, css 2 ...

apres t as aussi http://www.w3schools.com/

Voir 40 message(s) de cette discussion en une page