lecture image getElementsByTagName('img')

**abir001** · 30/03/2010, 11h09

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 :

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

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 :

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

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 :

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

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

il m'affiche 0!!!!!!

**SpaceFrog** · 30/03/2010, 11h17

Code :

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

getElementsByTagName('img')

retourne une collection ...

=>

Code :

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

getElementsByTagName('img')[indice]

**abir001** · 30/03/2010, 11h32

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

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

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

**SpaceFrog** · 30/03/2010, 11h34

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

Code :

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

getElementsByTagName('img')[0]

**andry.aime** · 30/03/2010, 11h35

Bonjour et Bienvenue sur Developpez

.
Ta balise "img" est à l'intérieur de CDATA.

**abir001** · 30/03/2010, 11h41

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

**Gsnalf** · 30/03/2010, 11h46

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 :

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

1
2
3
4
5
 
var divTmp = document.createElement('div');
div.innerHTML = valeurdunoeud;
 
var src = div.getElementsByTagName('img')[0].src;

**abir001** · 30/03/2010, 12h13

j'ai bien compris la solution.

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

j'ai essayer avec :

Code :

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

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

mais malheureusement elle ne fonctionne pas

**Gsnalf** · 30/03/2010, 12h33

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

j'ai essayer avec :

Code :

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

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

mais malheureusement elle ne fonctionne pas

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

Code :

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

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.

**abir001** · 30/03/2010, 12h49

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

mais domage :

Code :

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

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

ce code me retourne NULL !!!

**SpaceFrog** · 30/03/2010, 12h54

Code :

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

xml = GXml.parse(data);

???
c'est quoi ça ?

sinon tu es toujours dans une balise cdata ??

**andry.aime** · 30/03/2010, 13h00

Code :

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

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

**Gsnalf** · 30/03/2010, 13h01

Envoyé par abir001

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

mais domage :

Code :

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

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

ce code me retourne NULL !!!

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 :

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

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

**abir001** · 30/03/2010, 13h48

Code :

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

   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

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

**abir001** · 30/03/2010, 15h30

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

ce code me retourne l'ensemble des balises

Code :

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

 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 :

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

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

**SpaceFrog** · 30/03/2010, 18h27

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

**Gsnalf** · 30/03/2010, 22h48

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 :

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

 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 :

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

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 :

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

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

**danielhagnoul** · 30/03/2010, 23h21

Bonsoir.

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

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

**Gsnalf** · 30/03/2010, 23h35

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.

lecture image getElementsByTagName('img')

JavaScript

Discussions similaires

Partager

Partager