lecture image getElementsByTagName('img')

bonjour,
je n'arrive pas a savoir pour je n'arrive pas a lire le src de la balide:

<img src"xxx" /> aussi balise <a href="zzzz" /> a partir d'un fichier xml

parcontre les avec les autres tout va bien

Code:

---

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

<description> <![CDATA[ <img src="http://l.yimg.com/a/i/us/we/52/34.gif"/><br /> <b>Current Conditions:</b><br /> Fair, 59 F<BR /> <BR /><b>Forecast:</b><BR /> Mon - Mostly Sunny/Wind. High: 67 Low: 46<br /> Tue - Mostly Sunny. High: 78 Low: 51<br /> <br /> <a href="http://us.rd.yahoo.com/dailynews/rss/weather/Lincoln__NE/*http://weather.yahoo.com/forecast/USNE0283_f.html">Full Forecast at Yahoo! Weather</a><BR/><BR/> (provided by <a href="http://www.weather.com" >The Weather Channel</a>)<br/> ]]></description>

---

Code:

---

1 2 3 4

xml = GXml.parse(data);   var monvar = xml.getElementsByTagName('img').attributes.getNamedItem("src").nodeValue;

---

ce code n'afficher rien..
même si je réessayer seulement:

Code:

---

1 2	var monvar = xml.getElementsByTagName('img').length;

---

il m'affiche 0!!!!!!

Code:

---

getElementsByTagName('img')

---

retourne une collection ...

=>

Code:

---

getElementsByTagName('img')[indice]

---

j'ai déjà une seule balise <img ..

en plus j'ai déjà testé avec le numéro d'indice mais malheureusement :cry:

je n'arrive pas a comprendre pourquoi!!!!

avec quel numéro as tu testé ???

Code:

---

getElementsByTagName('img')[0]

---

Bonjour et Bienvenue sur Developpez ;).
Ta balise "img" est à l'intérieur de CDATA.

oui j'ai essayer avec l'indice 0

et le problème c'est que le format du fichier est inchangeable . stp, y a t'il une méthode pour lire cette fameuse balise..

Citation:

---

Envoyé par abir001

oui j'ai essayer avec l'indice 0

et le problème c'est que le format du fichier est inchangeable . stp, y a t'il une méthode pour lire cette fameuse balise..

---

le monsieur a dit plus haut :
ta balise est à l'intérieur de CDATA, ce qui signifie que le contenu du CDATA est traité comme du TEXTE, donc tu ne pourras jamais y accéder par le dom
la seule technique possible c'est :

var valeurdunoeud = xml.(regarde la méthode pour récupérer la valeur du noeud)

Code:

---

1 2 3 4 5

var divTmp = document.createElement('div'); div.innerHTML = valeurdunoeud;   var src = div.getElementsByTagName('img')[0].src;

---

j'ai bien compris la solution.

mais je n'arrive pas a trouver la méthode pour récupérer la valeur du noeud ??? :oops:

j'ai essayer avec :

Code:

---

1 2	valeurdunoeud = xml.documentElement.getElementsByTagName('description').nodeValue

---

mais malheureusement elle ne fonctionne pas :cry:

Citation:

---

Envoyé par abir001

j'ai bien compris la solution.

mais je n'arrive pas a trouver la méthode pour récupérer la valeur du noeud ??? :oops:

j'ai essayer avec :

Code:

---

1 2	valeurdunoeud = xml.documentElement.getElementsByTagName('description').nodeValue

---

mais malheureusement elle ne fonctionne pas :cry:

---

on t'a dit plusieurs fois que getElementsByTagName te retourne une nodeList et donc :

Code:

---

1 2	valeurdunoeud = xml.documentElement.getElementsByTagName('description')[0].nodeValue

---

.
tu voudrais pas essayer un peu d'utiliser firebug et faire des console.log pour comprendre ce que tu fais. Tu gagnerais un temps précieux.

je m'excuse j'ai cru qu'elle fonction si j'ai une seul balise :oops:

mais domage :

Code:

---

valeurdunoeud = xml.documentElement.getElementsByTagName('description')[0].nodeValue

---

ce code me retourne NULL !!! :mur:

Code:

---

xml = GXml.parse(data);

---

???
c'est quoi ça ?


sinon tu es toujours dans une balise cdata ??

Code:

---

valeurdunoeud = xml.documentElement.getElementsByTagName('description')[0].firstChild.nodeValue

---

Citation:

---

Envoyé par abir001

je m'excuse j'ai cru qu'elle fonction si j'ai une seul balise :oops:

mais domage :

Code:

---

valeurdunoeud = xml.documentElement.getElementsByTagName('description')[0].nodeValue

---

ce code me retourne NULL !!! :mur:

---

firefox + firebug + la console + dans le code tu fais un :
console.log(xml.documentElement.getElementsByTagName('description')[0])

après tu cliques sur l'objet dans la console et tu parcoures les propriétés possibles qui te seront utile dans le cadre d'un cdata.


/me pars rechercher du code qui marche

Edit :
Dans un objet qui me permettait de convertir un XML en objet JS, j'ai cette methode :

Code:

---

1 2 3 4 5 6 7 8

getContent = function(node) { var str = []; for (var i=0; i<node.childNodes.length; i++) { str.push(node.childNodes[i].nodeValue); } return str.join(''); }

---

Et le nodeValue fonctionne parfaitement

Code:

---

xml = GXml.parse(data);

---

cette fonction permet d'analyse la chaîne donnée sous forme de texte XML (le variable data) et retourne une représentation DOM. Si le navigateur ne supporte pas d'analyse syntaxique XML native, elle retourne le noeud DOM d'un élément vide DIV.

je travaille sur une MAP :mrgreen:

Mais elle fonctionne bien est me mer retourne un objet XML [object XMLDocument]

merci beaucoup pour l'aide mais le problème n'est pas encore résolu..

ce code me retourne l'ensemble des balises

Code:

---

valeurdunoeud = xml.documentElement.getElementsByTagName('description').nodeValue

---

mais pour l'insertion dans la balise div il y a toujours problème je ne sais pas pourquoi ?

Code:

---

1 2 3

var divTmp = document.createElement('div'); divTmp.innerHTML = valeurdunoeud; var src = divTmp.getElementsByTagName('img')[0].src;

---

divTmp n'a pas été appendé dans le document ...

Citation:

---

Envoyé par abir001

merci beaucoup pour l'aide mais le prob n'est pas encore résolu..

ce code me retourne l'esemble des balise

Code:

---

valeurdunoeud = xml.documentElement.getElementsByTagName('description').nodeValue

---

mais pour l'insertion dans la balise div il y a toujours problème je ne sais sais pas pourquoi!!!!

Code:

---

1 2 3 4

var divTmp = document.createElement('div'); divTmp.innerHTML = valeurdunoeud; var src = divTmp.getElementsByTagName('img')[0].src;

---

---

Tu as fait ce que je t'ai dit ???
tu as découpé ton code ?
tu as mis des console.log avec firebug ??

Code:

---

1 2 3 4 5 6 7 8

console.log(xml); console.log(xml.documentElement); var nodesDescription = xml.documentElement.getElementsByTagName('description'); console.log(nodesDescription); var firstDescription = nodesDescription[0]; console.log(firstDescription); console.log(firstDescription.nodeValue);

---

Tu as installé firebug ? tu as activé firebug ? tu mets ce code à la place du tiens et tu regardes les résultats dans la console et les erreurs que te donne firefox. Merci :)

Bonsoir.

Je vous conseille la lecture du tutoriel : Maîtriser Firebug, l'indispensable extension Firefox pour le développement web

Citation:

---

Un bon conseil est utile, l'énervement est stérile.

---

Citation:

---

Envoyé par danielhagnoul

Bonsoir.

Je vous conseille la lecture du tutoriel : Maîtriser Firebug, l'indispensable extension Firefox pour le développement web

---

Je m'énerve pas :p
Ce qui commence à être énervant c'est qu'il revient à chaque fois en mode : "ça marche pas"
Il recolle du code avec les mêmes erreurs alors qu'on les a corrigé 2 posts au-dessus :(
J'ai l'impression qu'il n'a même pas essayé firebug, il aurait tout de suite vu son pb.

Il suivrait les instructions que je lui donne à la lettre il aurait déjà réglé son problème.

Dans la vie quand une ligne pose problème on la décortique, et on l'analyse. Le mieux c'est de mettre un breakpoint sur le code avec firebug et tracer les variables.