Discussion :

[redah75]

Bonjour,

j'ai un simple exemple xml que j'aimerai pouvoir lire et afficher les donner en javascript, mais je galere depuis la semaine derniere

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<article>
  <titres>
    <en>titre en</en>
    <fr>titre fr</fr>
    <es>titre es</es>
  </titres>
  <auteurs>
    <nom>auteur 1</nom>
    <nom>auteur 2</nom>
  </auteurs>
</article>

j'avoue que je suis completement perdu avec les ChildNodes, firstChild, nodeValue...

merci de votre aide

[SpaceFrog]

merci de consulter les contributions ...

[redah75]

croyez moi, g bien cherche et me casser la tete pdt 2 jours avt de poster!!

[SpaceFrog]

http://www.developpez.net/forums/d45...-html-dom-dom/

[DoubleU]

Si tu ne donnes pas plus de précisions sur ce que tu as fait et ce qui coince, on peut difficilement t'aider...

[redah75]

oh lalaaaa, j'ai vrmt rien compris dans ce script!!

vous ne pourriez pas juste m'aider a lire mon ptit xml en javascript???

[redah75]

le fichier xml que j'ai mis est recupere depuis une requete ajax:

Code :

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

res = response = xhr.responseXML

et c'est ce resultats que je dois afficher en html :

titre en : ...
titre fr : ...
Auteur(s) : liste des auteurs

Merci encore une fois

[SpaceFrog]

déja avant de parler de childNodes...
Il faut savoir que leur interprétation diffère selon le navigateur ...

fais une recherche avec "Node Cleaner"

[DoubleU]

Comment ca l'afficher en html?

Essaie d'etre plus explicite sur ce que tu cherches a faire...

[redah75]

desole!

j'aimerai l'afficher de cette maniere:

// recuperation des infos...
.... (chose que je n'arrive pas a faire)

//afficher dans un calque
document.getElementById('resultats').innerHTML = html;

et j'aimerai que le resultat soit semblable a ca :

titre en : titre en
titre fr : titre fr
Auteur(s) : liste des auteurs

[SpaceFrog]

ça serait plus facile de parser ton xml coté serveru en php ...

mais bon tu peux toujours coté client mettre le retour dans un div hidden ou non appendé et le parser..
puis il te faudra créer les elements dynamiquement pour l'affichage
par exempel avec:
http://www.developpez.net/forums/d53...ynamique-form/

[redah75]

Au fait tout fonctionne bien, j'ai suivi ce tuto: http://nicolaspied.developpez.com/ajax-premiers-pas/ sauf que je n'arrive pas a adapter le script de recuperation des donnees xml a mon cas

[SpaceFrog]

mest le retour dans un div hidden ... uo non appendé au body tu pourras ainsi en parser les noeuds!
PArcque sinon parser du string pour en chopper les noeuds ça sera beaucoup plus complexe

[redah75]

c'est ce que j'essaie de faire
d'afficher le resultat dans un div, pour ca il y a pas de probleme, mais comment afficher mes resultats comme je l'ai presente depuis le fichier xml???

[SpaceFrog]

la première étape n'est pas de l'afficher ...
Il faut d'abord le mettre dans un div afin que les noeuds soient interprétables par le dom;
Seulement à partir de ce moment là tu pourra parser ce div temporaire ou intermédiaire pour construire l'affichage et créant d'autres éléments, visibles ceux là, à partir de div invisible

[redah75]

ah ok, mais je n'y arrive pas non plus, en faisant:

Code :

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

document.getElementById('resultat').innerHTML = xhr.responseXML;

mon calque prend la valeur [object]

[SpaceFrog]

Code :

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

xhr.responseText

[DoubleU]

J'ai du mal a te suivre la spaffy...

Je vois plusieurs solutions pour remplir ta page avec les données de ton xml:

1/

Code :

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

1
2
3
var xml = xhr.responseXML; 
document.getElementById("lIdDuSpamOuMettreCa").innerHTML = "titre fr :" + xml.getElementsByTagName("fr")
// a faire pour chaque info ...

2/
Utiliser une transformation XSLT pour transformer tout ton xml de facon a avoir le contenu direct à mettre dans ta div. Exemple ici

[SpaceFrog]

Double, c'est exactement ce que je dis ...

Mais il semble vouloir s'acharner sur les Nodes et le innerHTML, je donne le moyen de récuperer le responseText, de le mettre dans un element html non visible afin de le parser avec le DOM ...

Maintenant on peut tout à fait comme tu le proposes, et cela est beaucoup plus simple, parser directement le responseXML avec getElementsByTagName ...

[redah75]

svp, quel est le moyen le plus simple pour pouvoir afficher les info depuis le fichier xml, sachant que je ne suis pas un pro et que ca doit etre dynamique, car je n'est pas toujours que le titre en et fr, et qu'il peut y avoir 1 ou n auteurs...

cet exemple me parait bien mais j'arrive pas a l'adapter par rapport a mon xml:
http://nicolaspied.developpez.com/ajax-premiers-pas/#L4

merci beacoup