[AJAX] une boucle qui parcours tous mon XML et qui attribut le contenu de chaque <balise> au span correspondan

Version imprimable

15/10/2010, 15h02
gretch

[AJAX] une boucle qui parcours tous mon XML et qui attribut le contenu de chaque <balise> au span correspondan
bonjour à tous : voila le souci je suis pas mauvais en PHP mais j ai quelques lacunes Javascript du coup :

j'ai une fonction AJAX qui lance une requête PHP avec comme reponse un fichier XML type :
Code:

1 2 3 4 5 <exemple> <nom>moi</nom> <type>troubadour</type> <os>Windows 7</os> ... </exemple>
j'ai pour l'affichage de ces infos une série de span dont les ID corresponde au nom intitulé des balises XML

genre :
Code:

1 2 3 <p>nom :</p><span id=nom></span> <p>type :</p><span id=type></span> <p>os : </p><span id=os></span>
ce que je recherche, c'est une boucle qui parcours tous mon XML et qui attribut le contenu de chaque <balise> au span correspondant :

qq saurait t'il me coder ça ?
Merci d'avance ! ^^
15/10/2010, 15h09
andry.aime

Bonsoir,

Le tutoriel :fleche: Ajax : Vos premiers pas dans les nouvelles technologies

Une discussion qui pourra aussi t'aider.
Pour le span, n'utilise pas value mais innerHTML.

A+.

Citation:

Le tutoriel Ajax : Vos premiers pas dans les nouvelles technologies

j'en reviens et justement, voila ce que eux font et que je veux éviter car j'ai 1 seul item et prets de 70 variables/balises à remonter !!! :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 /* Récupérer la liste des items donc la liste des DVD */ var items = response.getElementsByTagName("item"); var html = ''; /* Présentation HTML de la liste des DVD */ /* Nombre de DVD */ count = items.length; for(i = 0; i < count; i++) { /* POUR CHAQUE item */ html += '<div class="item">'; html += '<h1>' + items[i].getElementsByTagName("title")[0].firstChild.nodeValue + '</h1>'; html += '<div class="author">Réalisateur : '; html += items[i].getElementsByTagName("director")[0].firstChild.nodeValue + '</div>'; html += '<div class="price">Prix : '; html += items[i].getElementsByTagName("price")[0].firstChild.nodeValue + ' €</div>'; html += '</div>'; } document.getElementById('content').innerHTML += html;
Citation:

Une discussion qui pourra aussi t'aider.

meme situation

Citation:

Pour le span, n'utilise pas value mais innerHTML.

mdr c'est la seule partie qui ne me posait aucun problème...
non c'est vraiment la génération d'une boucle qui traite l'ensemble des balises XML qui m'intéresse !

Re,

Code:

1
2
3
4
5
6
var tonXml =  xhr.responseXML;
var exemple = tonXml.getElementsByTagName('exemple')[0];
for (var i=0; i < exemple.childNodes.length;i++){
  var tag = exemple.childNodes[i];
  document.getElementById(tag.nodeName).innerHTML=tag.nodeValue;
}

A+.

15/10/2010, 16h58
gretch

@andry.aime => ça m'a l'air tres bien :ccool:

le temps que je le test et je colle un :resolu:

Merci bcp dude

encore mais visiblement on y est presque,
avec la ptite modif c'est mieux mais ça marche tjr pas

j ai pas mon code sous la main mais en gros j'arrive à faire un alert() sur tag.textContent et tag.nodeName mais MaJ dès donnees ne se fait tjr pas...

des que j'ai mon code et le net en meme temps je le post...
Code:

1 2 3 4 5 6 var tonXml = xhr.responseXML; var exemple = tonXml.getElementsByTagName('exemple')[0]; for (var i=0; i < exemple.childNodes.length;i++){ var tag = exemple.childNodes[i]; document.getElementById(tag.nodeName).innerHTML=tag.textContent; }

16/10/2010, 05h10
andry.aime

Re,

Je ne pense pas que .textContent soit cross-browser, en fait j'ai voulu écrire

Code:

document.getElementById(tag.nodeName).innerHTML=tag.firstChild.nodeValue;

Sinon, sans ton vraie code, difficile de continuer.

A+.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function retour_ajax(xhr){
    if (xhr.readyState==4) 
    {
    var docXML= xhr.responseXML;
 
             var donnees= docXML.getElementsByTagName('donnees')[0];
 
            //on fait une boucle sur chaque élément Balise XML contenu dans donnees.
            for (var i=0; i < donnees.childNodes.length;i++){
            var tag = donnees.childNodes[i];    
 
            // on verifie l'existance d'une zone d'accueil
            if (document.getElementById(tag.nodeName)){        
 
 
            document.getElementById(tag.nodeName).innerHTML = tag.firstChild.nodeValue;
            }}}}

ça, ça fonctionne !

une de mes erreurs était d'oublier le :
if (document.getElementById(tag.nodeName))

car je n'affiche pas toutes les infos.
Merci pour tout !!!

:resolu:
^^