[DOM] DOM, Incompatibilité Firefox IE getElementsByTagName

**thegreatbato** · 07/03/2007, 08h59

Bonjour !

Voilà j'ai un petit problème en AJAX et en DOM.

Je vais expliquer en bref ce que fait mon application.
J'utilise des servlets JAVA pour aller chercher des enregistrements dans une base de données, ce servlet JAVA va me parser mes résultats en XML. Aucun problème jusque là. Ensuite dans une page JSP je récupère ces données dynamiquement grâce à un script Javascript avec le XMLHttpRequest. Toujours aucun problème jusque là. Le script va également mettre en page les enregistrements dans des tableaux, chaque ligne du tableau déclenche une autre action (une création d'une infobulle). Dans l'infobulle je met le détail complet des enregistrements "séléctionnés", sous Firefox ce script ne pose aucun problème mais sous IE non.

Voici un aperçu du XML

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<TABLE>
 <ROW>
  <PRPRD.NUM FR="N°" show="true">1</PRPRD.NUM>
  <PRPRD.DES FR="Nom" show="true">TEST #1</PRPRD.DES>
  <PRPRD.OWC FR="Code" show="true">P1</PRPRD.OWC>
  <PRPRD.XDS FR="Description" show="true"/>
  <SAENT.COD FR="Code" show="false">TST</SAENT.COD>
  <WHPRD.PHQ FR="Quantité">140</WHPRD.PHQ>
  <PRICELIST FR="Prix" show="true">
   <PRICE show="true" SAEPLE.VAL="500.25" SAEPLE.QTY="1.0" SAEPLE.UNT="DFT" SAEPLE.FDT="2000-01-01" SAEPLE.TDT="2010-01-01"/>
  </PRICELIST>
 </ROW>
</TABLE>

Et voici la partie du code qui foire

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function getContent(file,id,xhr)
{
	res = xhr.responseXML.getElementsByTagName("TABLE"); 
	if(res != null)
	{
		rows = (res.item(0)).getElementsByTagName("ROW");
		if(rows[0].length != 0)
		{
...

C'est cette ligne :

Code :

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

rows = (res.item(0)).getElementsByTagName("ROW");

Qui pose problème, pourtant j'ai essayé de cette façon aussi :

Code :

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

rows = res[0].getElementsByTagName("ROW");

Mais ça ne marche pas non plus.

Est-ce que quelqu'un aurait une idée ?

Merci

**Gruik** · 07/03/2007, 09h21

Salux

Je sais pas si ça a un rapport, mais je suis pas sur que les points soient autorisés dans les balises xml (et les attributs)..
Si c'est ça, peut etre que IE ne considere pas le document xml retourné comme valide et ne peut executer aucune requete dom

Sinon, au lieu de recuperer les elements TABLE puis les elements ROW contenus dedans, j'aurais tendance à recuperer directement les elements ROW puisque TABLE est l'élement racine et il ne peut yen avoir qu'un

Code :

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

rows = xhr.responseXML.getElementsByTagName("ROW");

**thegreatbato** · 07/03/2007, 09h33

Pour ta première remarque (XML non valide) ça m'étonnerai puisque aussi bien IE que FF indiquent lorsqu'il y a des problèmes de syntaxe. De plus si mon XML n'était pas bien formé alors il afficherai pas le tableau (étant donné que c'est le même fichier XML).

Pour ta deuxième remarque ce n'est pas possible car le fichier XML peut être "vide" alors dans ce cas là il va se former de cette manière :

Code :

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

1
2
3
4
5
 
<TABLE>
  <NONE/>
  <URL>ShowReception.do</URL>
</TABLE>

(La balise <URL> est simplement pour me permettre une uniformité du code)

Merci quand même

**Gruik** · 07/03/2007, 09h46

Il suffirait dans ce cas de tester si "rows" est null au retour de getElementsByTagName ,)
Mais ceci resoud pas ton pb dfaçons

**Herode** · 12/03/2007, 09h33

Envoyé par thegreatbato

Pour ta première remarque (XML non valide) ça m'étonnerai puisque aussi bien IE que FF indiquent lorsqu'il y a des problèmes de syntaxe. De plus si mon XML n'était pas bien formé alors il afficherai pas le tableau (étant donné que c'est le même fichier XML).

Ce n'est pas tout à fait vrai : les navigateurs signalent bien les erreurs javascript, mais pas forcément les erreurs XML. Ce qui m'amène à ton autre remarque :

Sous FF ça donne :
[ObjectHTML Collection]
1
19

Sous IE ça donne
[object]
0

Sous IE7 + XP + fichier XML, getElementsByTagName() renvoie une HTMLCollection. Si tu obtiens juste un 'object', c'est que tu as un problème. Retour au point 1 : j'ai constaté sur une appli Ajax sur laquelle je travaille que Firefox était beaucoup plus tolérant aux XML invalides que IE. Je suis donc fortement tenté de penser que malgré tout, ton fichier XML n'est pas validé par IE.

**thegreatbato** · 12/03/2007, 09h43

Hum oui tu as peut être raison,

Voilà mon fichier XML que le serveur me retourne :

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
19
20
21
22
23
<?xml version='1.0' encoding='ISO-8859-1'?>
<TABLE><ROW><TRCUS.TRD FR="N°" show="false">8</TRCUS.TRD>
<TRTRD.NAM FR="Nom" show="true">HALL22</TRTRD.NAM>
<GPLAN.DES FR="Langue" show="true">French</GPLAN.DES>
<TRTRD.AD1 FR="Adr.1" show="true">Hall 22 S.A.</TRTRD.AD1>
<TRTRD.AD2 FR="Adr.2" show="false"></TRTRD.AD2>
<TRTRD.AD3 FR="Adr.3" show="false">Rue Pasquier Grenier 4</TRTRD.AD3>
<TRTRD.AD4 FR="Adr.4" show="false"></TRTRD.AD4>
<GPCTR.DES FR="Pays" show="true">Belgium</GPCTR.DES>
<TRTRD.ZIP FR="C.P." show="true">7500</TRTRD.ZIP>
<TRTRD.CIT FR="Ville" show="true">TOURNAI</TRTRD.CIT>
<TRTRD.TEL FR="Tel." show="false"></TRTRD.TEL>
<TRTRD.GSM FR="Gsm" show="false"></TRTRD.GSM>
<TRTRD.FAX FR="Fax" show="false"></TRTRD.FAX>
<TRTRD.EML FR="E-mail" show="false"></TRTRD.EML>
<TRTRD.WBS FR="Website" show="false"></TRTRD.WBS>
<TRTRD.FNM FR="Nom" show="true"></TRTRD.FNM>
<TRTRD.LNM FR="Prénom" show="true"></TRTRD.LNM>
<TRTRD.BRD FR="Date de n." show="false">2000-01-01</TRTRD.BRD>
<TRTRD.CRD FR="Création" show="false">2007-01-01</TRTRD.CRD>
</ROW>
<URL>ShowStock.do</URL>
</TABLE>

Les retours a la ligne ne sont pas a prendre en compte, je les ai mis juste pour que ça sois plus clair.

Peut-être est-ce le fait que je mette des . dans les description des balises, mais là encore je comprends pas pourquoi la création de la table marche mais pas l'infobulle, c'est le même objet XML qui est appellé ...

Merci

**Herode** · 12/03/2007, 09h55

Envoyé par thegreatbato

Peut-être est-ce le fait que je mette des . dans les description des balises, mais là encore je comprends pas pourquoi la création de la table marche mais pas l'infobulle, c'est le même objet XML qui est appellé ...

En effet, c'est incohérent. Si IE a un problème avec ton XML, il doit l'avoir dès le début. Cela dit :
1 - j'ai dit des conneries IE7 récupère un "object" et non pas un HTMLCollection (trop de navigateurs ouverts sur mon bureau, j'ai pas appuyé sur le bon bouton...

)
2 - ton fichier XML est bien valide. Je viens de vérifier sous XMLSpy
Donc j'ai tort.

Hum... Je sais que le getElementsByTagName() marche sous IE, de même que les appels par item() et operator[] car j'ai plein de code avec ça sous la main. En fait, ton souci vient de ce que sous IE ton nodeList a été vidé de ses noeuds ou remplacé par autre chose. Avec un simple type 'object', difficile à savoir.

Que se passe t'il entre la création de ta table (qui marche) et l'écriture des infobulles (qui ne marche pas) ?

**thegreatbato** · 07/03/2007, 11h04

Non effectivement !

Mais merci de t'inquièter de l'optimisation de mon application

Personne d'autre n'aurai une idée ??

**bigboomshakala** · 07/03/2007, 11h22

hello

quand tu dis que ça ne marche pas, c'est que tu as débuggé le script et remarqué que row est null, ou c'est parce que le traitement du if ne se fait pas ?

si c'est le 2è cas alors c'est à cause de la condition qui est incorrecte

Code :

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

if(rows[0].length != 0)

alors qu'il faut

Code :

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

if(rows.length != 0)

non ?

**thegreatbato** · 07/03/2007, 11h32

Juste pour le test j'ai fait :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
function getContent(file,id,xhr)
{
	rows = xhr.responseXML.getElementsByTagName("ROW"); 
	if(rows != null)
	{
		Content = '<table border="0" cellpadding="0" cellspacing="0">';
                alert(rows);
		alert(rows.length);
		alert(rows[0].childNodes.length);
...

Sous FF ça donne :

[ObjectHTML Collection]
1
19

Sous IE ça donne

[object]
0

Et puis une erreur : Objet requis

C'est vraiment la mierda ces problèmes de compatibilité !

**thegreatbato** · 07/03/2007, 14h46

Personne ?

La fonction DOM pour récupérer l'élément est quand même NodeList.item(i)

Pourquoi ça fonctionne sur FF et pas IE ?

Merci

**thegreatbato** · 08/03/2007, 13h13

Personne n'a vraiment aucune solution ? S'il vous plait !

**SpaceFrog** · 08/03/2007, 14h05

dasn les contributions il y a une bibliothèque pour la gestion des balises XML avec DOM ...

**thegreatbato** · 12/03/2007, 09h09

http://www.developpez.net/forums/sho...&highlight=dom

Utilser l'objet IXmlDom. Référez vous à la documentation et au code de l'objet.

C'est ça qui est susceptible de savoir m'aider ?

Parce que si c'est ça alors je sais pas ce que c'est qu'un objet IXMLDom. J'ai cherché et ils en parlent dans la msdn mais je comprends pas comment l'utiliser.

**sekaijin** · 12/03/2007, 14h38

Envoyé par thegreatbato

Bonjour !

...
Et voici la partie du code qui foire

Code :

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

1
2
3
4
5
6
7
8
9
10
 
function getContent(file,id,xhr)
{
	res = xhr.responseXML.getElementsByTagName("TABLE"); 
	if(res != null)
	{
		rows = (res.item(0)).getElementsByTagName("ROW");
		if(rows[0].length != 0)
		{
...

pourquoi (res.item(0)) ???

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function getContent(file,id,xhr)
{
	res = xhr.responseXML; 
	if(res != null)
	{
		rows = res.getElementsByTagName("ROW");
		if(rows.length != 0)
                {
		        if(rows[0].length != 0)
		        {
...

je comprends pas bien pourquoi tu mets des indice partout
A+JYT

**thegreatbato** · 12/03/2007, 14h53

Parce que res.getElementsByTagName("ROW") renvoye un objet NodeList (qui si j'ai bien compris est un tableau) et pour accèder a ces éléments du tableau il faut utiliser des indices, j'ai vu qu'il existai également la méthode item de l'objet NodeList pour faire la même chose

tout ça si j'ai bien compris hein

**thegreatbato** · 13/03/2007, 08h37

Up.

Est-ce correct ce que j'ai marqué ? Toujours personne qui sais me répondre ?

**sekaijin** · 13/03/2007, 11h37

ma question est pourquoi tu fait un get de table que tu prends le premier résultat pour faire un get des row ?

alors qu'un get des row sur le xml te retourne la liste des row

Code :

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

1
2
3
 
res = xhr.responseXML.getElementsByTagName("TABLE"); 
	if(res != null) ....

alors que tu peux faire :

Code :

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

1
2
 
rows = xhr.responseXML.getElementsByTagName("ROW");

la différence c'est que tu cherche toutes les tables et les row de la première
alors que la deuxième solution retourne tous les rows du document xml

attention getElementsByXXXX ne retourne pas un array mais une collection
ça y ressemble mais ce n'est pas la même chose

A+JYT

**thegreatbato** · 13/03/2007, 11h47

J'avai déjà répondu a cette question.

Il est possible que il n'y ai pas d'élément table, a la place il peut y avoir un noeud none si il y a aucun résultat.

Je suis sur le point de trouver le problème je pense !!
Effectivement j'ai utilisé la propriété BaseURI d'un node, cette propriété est disponible seulement sous FF donc je pense que c'est ça.

Je mettrai résolu si c'est ça.

Merci a tout le monde pour votre aide !

**thegreatbato** · 13/03/2007, 12h47

Yeah youpi c'est résolu !

Je suis vraiment un boulet ... désolé de vous avoir fait perdre du temps pour ça ...

[DOM] DOM, Incompatibilité Firefox IE getElementsByTagName

JavaScript

Vue hybride

Discussions similaires

Partager

Partager