[DOM] items[i].getElementsByTagName().item ? ?

salut tout le monde
j'aimerai savoir comment fait-on pour afficher tous les elements qui se trouve au niveau de "item" ?

items[i].getElementsByTagName().item()

j ai essayé de faire une boucle du style

Code:

---

1 2 3

for(var j=0;j<items.length;j++) html += items[i].getElementsByTagName("ingredient").item('j').firstChild.data + ' ,';

---

mais ca n'affiche rien du tout :cry:
i est incrementé aussi ya pas de probleme a ce niveau

auriez vous une idée sur le sujet ?


voici le bout de code en entier

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

var items = reponse.getElementsByTagName("pizza"); var html = ''; html += '<tr><td>'; for(var i=0;i<items.length;i++) { if(items[i].getElementsByTagName("id").item(0).firstChild.data == num_pizza) { for(var j=0;j<items.length;j++) html += items[i].getElementsByTagName("ingredient").item(j).firstChild.data + ' ,';   } }

---

Qu'as tu lorsque tu fais un alert de :
items[i].getElementsByTagName("ingredient").item(j) ?

aurais tu ton fichier xml associé ?

lorsque je fais un alert(items[i].getElementsByTagName("ingredient").item(j))
il m affiche : [object Element]

sinon oui mon fichier xml est associer car un peu plus haut dans mon code je peux afficher des données avec items[i].getElementsByTagName("id").item(0).firstChild.data

deja ca me permet de voir que j ai nu probleme avc ma boucle :oops:

lol ben tout compte fait ca marche je sais pas par quel miracle lol
j ai du mal ecrir un mot ou autre qui sait :aie::yaisse2:

aaaa finalement j'ai trouvé d'ou venait l erreur !
en fait c'est lorsque je fais html += items[i].getElementsByTagName("ingredient").item(j).firstChild.data + ' ,'

l'erreur est causé par html += des que je le met ca marche plus...question : pourquoi je ne peux pas rajouter mon resultat a ma chaine de caractere

essaye avec firstChild.innerHTML plutot que data ?

ok mais apparement mon prof vient de me dire que je n'etais pas en accord avc le DOM "faut pas tout mettre dans une chaine pour pour ensuite balancer dans le inner
donc pour mon tableau je dois faire "createElement" etc ....

oui sauf que le .firstChild. n'est pas interprété de la même façon selon le navigateur et tu risque de remplir le mauvais element...

sinon va faire un tour dans les contributions j'ai collé un code pour la création de tableaux ...

j 'ai essayé un truk de ce style la pour effectuer la creation d'un tableau avec le DOM mais apparement j'ai toujours mon soucis .. au meme endroit :aie:

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 30 31 32 33 34 35

function recup_pizza(xhr,num_pizza) { if(xhr.readyState == 4) { var reponse = xhr.responseXML; var items = reponse.getElementsByTagName("pizza"); /*var html = ''; html += '<tr><td>';*/ //var bodyDoc = document.getElementsByTagName("body")[0]; var table = document.createElement("table"); for(var i=0;i<items.length;i++) { var tr = document.createElement('tr'); if(items[i].getElementsByTagName("id").item(0).firstChild.data == num_pizza) { for(var j=0;j<items.length;j++) { var td = document.createElement('td'); txt = document.createTextNode(items[i].getElementsByTagName("ingredient").item(j).firstChild.data); td.appendChild(txt); tr.appendChild(td); //html += items[i].getElementsByTagName("ingredient").item(j).firstChild.data; } } } table.appendChild(tr); //bodyDoc.appendChild(table); /*html += '</td></tr>';*/ document.getElementById('menu-gauche').appendChild(table); } }

---

comme ci il veut pas associer mon resultat a un element texte :?

erreur obtenue avec la console de FF : Erreur : items[i].getElementsByTagName("ingredient").item(j) has no properties
et pourtant lorsque je fais un alert de ce dernier ca m'affiche les valeurs

j'ai une tite evolution du code

j'ai essayé ceci txt = document.createTextNode(items[i].getElementsByTagName("ingredient").item(0).childNodes[0].nodeValue);

ca marche lorsque que item prend en dur 0 mais lorsque que je decide de faire une boucle pour tout recuperer (en mettant j donc) ben ca ne veut plus marcher
j ai droit au meme message d'erreur

ps : pourquoi le DOM c'est aussi vague et aussi chiant :traine::mur:
j'ai pas encore trouvé une doc m'expliquant chaque proprieté, a quel moment utiliser celle ci au lieu d'une autre etc

Citation:

---

afficher tous les elements qui se trouve au niveau de "item" ?

---

c'est-à-dire? tu veux obtenir quoi à l'écran? l'arborescence? le texte pur?

je veux le texte pur

exemple : mon arbre xml est de la forme suivante

Code:

---

1 2 3 4 5 6 7 8 9

<element> <pizza> <nom>Reine</nom> <prix>15</prix> <ingredient>tomate</ingredient> <ingredient>oeuf</ingredient> <ingredient>jambon</ingredient> </pizza> </element>

---

et je veux liste tous les ingredients...je veux recuperer tomate, oeuf et jambon

c'est bien ce qui me semblait; alors essaie ça:

[voir ancien code source]

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 30 31 32 33 34 35 36 37 38 39 40 41

<script type="text/javascript">   var texte; var inner;   function go(n,arch){// arguments "body", "élément déclencheur à sauvegarder" texte=""; // collecton de toutes les balises du body var bal=n.getElementsByTagName('*');   // on parcourt toutes les balises for(i=0;i<bal.length;i++){ // et tous leurs noeuds for(j=0;j<bal[i].childNodes.length;j++){ // si un noeud texte est repéré if(bal[i].childNodes[j].data){ // on ajoute son contenu à la chaîne "innerText" texte+=bal[i].childNodes[j].data+" "}}};   // on crée un div inner=document.createElement('div'); inner.style.border="solid 1px #ff0000"; inner.style.width="400px"; // en cliquant sur ce div, on restaurera le bouton de départ inner.onclick=function(){n.replaceChild(arch,this)};   // on place la chaîne "innerText" dans le div inner.appendChild(document.createTextNode(texte)); //on place le div en haut de page, à la place du bouton qui appelle la fonction n.replaceChild(inner,bal[0]); }   </script>   </head>   <body>   <p> <input type="button" value="voir le texte brut du document" onclick="go(document.body,this)" /> </p>

---

le but était dans ce script de récupérer tout le texte d'un document, mais tu peux mettre n'importe quel noeud en premier argument;
pareil pour le déclenchement de la fonction: le bouton est optionnel;

teste avec le contenu que tu veux, je n'ai jamais noté de bug;

figures toi que je n'ai pas reussi a faire ce que je voulais avec le code que tu m as fourni 8O:?

en fait je suis tres pres du but la c'est ce qui me soule le plus :evilred:
j arrive a afficher " 1 ingredient" mais j arrive pas a trouver ue boucle qui pourrait me permettre de les avoir tous :?

question : comment faire pour avoir tout les noeuds d'un arbre qui porte le meme nom
exemple :

Code:

---

1 2 3 4 5 6 7 8 9 10

<element> <pizza> <nom>Reine</nom> <prix>15</prix> <ingredient>tomate</ingredient> <ingredient>oeuf</ingredient> <ingredient>jambon</ingredient> </pizza> </element>

---

comment faire pour avoir les 3 ingredients ? j arrive a avoir que les tomates
:(

eh bien par exemple avec le tableau:

Code:

---

element_parent.getElementsByTagName("nom");

---

:lol: lol exemple mal conçu

autre exemple :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<element> <pizza> <nom>Reine</nom> <prix>15</prix> <ingredient>tomate</ingredient> <ingredient>oeuf</ingredient> <ingredient>jambon</ingredient> </pizza> <pizza> <nom>Napolitaine</nom> <prix>12</prix> <ingredient>fromage</ingredient> <ingredient>jambon</ingredient> </pizza> </element>

---

comment faire pour avoir les 3 ingredients ? de la pizza Reine ! ou encore les 2 ingredients de la pizza Napolitaine !

si je fais :

Code:

---

1 2	element_parent.getElementsByTagName("ingredient");

---

ca me donne tous les ingredients, toutes pizzas confondu

faut boucler et tester ...

boucler sur

Code:

---

element_parent.getElementsByTagName("pizza");

---

tester

Code:

---

element_parent.getElementsByTagName("pizza")[i].getElemntsByTagName['nom'][0]

---

et recupérer alors

Code:

---

element_parent.getElementsByTagName("pizza")[i].getElementsByTagName('ingredients')

---

:yaisse2::yaisse2::yaisse2:
ENFIIIIIIIIIInnnnnnnnnnn :hola::lahola:
je commencais legerement a peter un cable sur ca la :lol::furieux::mur:

eh ben merci de m avoir mis sur la voie :ccool:

je met le code final au cas ou ca pourrait aider

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

var reponse = xhr.responseXML; var items = reponse.getElementsByTagName("pizza"); var table = document.createElement("table");   // on parcourt toutes les balises for(var i=0;i<items.length;i++) {     /* me donne le nom des pizza alert(reponse.getElementsByTagName("pizza")[i].getElementsByTagName('nom')[0].firstChild.data); */   if(reponse.getElementsByTagName("pizza")[i].getElementsByTagName('id')[0].firstChild.nodeValue == num_pizza) { for(j=0;j< reponse.getElementsByTagName("pizza")[i].getElementsByTagName('ingredient').length;j++){ alert(reponse.getElementsByTagName("pizza")[i].getElementsByTagName('ingredient')[j].firstChild.data);}   } }

---

oui enfin tu n'est pas au bout de tes surprises si tu utilises firstChild sans nodeCleaner entre IE et FFX ...

apparement ca marche sous IE et FF mais bon peux tu m expliquer comment ca marche (d apres ce que j ai suivi faut mettre ca au niveau de xhr.responseXML; ? ) si c'est ca j ai essayé mais ca marche pas :roll:

EDIT : oups remarque inutile :koi: en fait j avais pas creer la fonction clean je pensais que c'etait une fonction standard

Nouvelle qestion les amis :roll:
mon script marche, mes données s'affiche ! mais le probleme c'est que si je click plusieurs fois sur le meme liens (ou un autre lien) les données s'accumulent
Comment faire pour que les données soient mise a jours et non ajouté a la suite ?

ps : je reactive ce post comme c'est dans la continuité

un removeChild du Node qui sera remplacé par le nouveau créé ?

eh ben figures toi que j'ai essayé mais je ne vois aucun changement
voici les 2 facons que j'ai essayé :

document.getElementById("ecran").removeChild;

et

document.getElementById("ecran").getElementById("table").removeChild;

en fait mon arbre est du style : div(id:ecran) -> table -> tr...
et je cherche a supprimer tout ce qui se trouve dans le div a savoir le tableau

Comment le gars est balaiz quand meme :merci: .... a ma prochaine question promis je viens m adresser a toi direct lol:mouarf:

ben en fait t avais raison c'etait bien ca encore une fois mais je l'utilisais pas comme il fallait

petit morceau de code pour ceux que ca interesse :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

//############# Retrait des elements fils du noeud DIV ################## ObjDiv = document.getElementById("ecran"); // empty this object of its children nodelist = ObjDiv.childNodes; //retrait de tous les noeud fils de ce noeud for(i = 0; i < nodelist.length; i++) { this_node = nodelist[0]; // reference changes dynamically removed_node = ObjDiv.removeChild(this_node); } while(ObjDiv.hasChildNodes() == true) { ObjDiv.removeChild(ObjDiv.childNodes[0]); } //##########################################################################

---

:yaisse2: