Discussion :

[gretch]

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 xml :

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

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 html :

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

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 ! ^^

[andry.aime]

Bonsoir,

Le tutoriel 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+.

[gretch]

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 :

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
/* 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&eacute;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;

Une discussion qui pourra aussi t'aider.

meme situation

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 !

[andry.aime]

Re,

Code :

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

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+.

[gretch]

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

le temps que je le test et je colle un

Merci bcp dude

[gretch]

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 :

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

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;
}

[andry.aime]

Re,

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

Code :

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

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

Sinon, sans ton vraie code, difficile de continuer.

A+.

[gretch]

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


^^