Discussion :

[franklin626]

bonjour,

je m'excuse d'avance pour la question vague et dépourvue de contexte. Je viens d'arriver en stage et on m'a confié la tâche ingrate de porter une application énorme J2EE ne fonctionnant que sous IE vers tous (rien que ça) les autres browsers...

J'ai une erreur très commune concernant AJAX que je retrouve dans plusieurs pages. Cela fait 2 jours que je me tape la tête contre le mur, je ne sais plus où chercher l'erreur.

Mes zones Ajax affichent leur contenu sous IE, et sous Firefox je vois juste une ou plusieurs fois le texte "undefined"....

Pouvez-vous me donner la liste la plus exhaustive possible des sources de problèmes potentielles ?

Je vous remercie, au vu de la dimension de l'application, je suis à court d'idées pour identifier le problème...

[E.Bzz]

Bonjour,
sûr que si on pouvait voir la partie du code qui génère ces "undefined", ça aiderait .

Le cas le plus courant concerne une instruction JS faisant référence à une variable ou un objet (ou une de ses propriété) inexistant : soit un objet non présent dans la page, soit une référence à une propriété non gérée pour l'objet ciblé.

A+

[llaffont]

Déjà installe FireBug si ce n'est pas déjà fait.

Et vérifie sous l'onglet "script" de FireBug, en mettant de points d'arrêt, la raison de ton "undefined".

[franklin626]

Ok, ça doit être mon problème.

j'ai effectivement quelques variables à null sous Firebug, celles-ci ne sont pas null sous Internet Explorer.

Je récupère avec la méthode getElementById, qui renvoit "null" pour certaines valeurs sous Firefox. J'ai donc cherché à bien renseigner le couple "name" ET "id" partout où j'ai pu, mais cela n'a rien résolu.

J'ai alors tenté de substituer getElementById par getElementsByName, juste pour tester.

Sous IE, getElementsByName me renvoie une liste non vide, et à nouveau, Firefox renvoie une liste vide...

Je ne comprends pas comment IE passe avec les 2 méthodes et Firefox avec aucune. Comment expliquer cela ?

(je fournirais bien du code mais l'appli en compte des dizaines de milliers de lignes et il m'est impossible d'en isoler un morceau cohérent à poster ici. Sans parler du fait que ça a été codé avec les pieds, mais je m'arrêterai là pour la mauvaise langue)

[E.Bzz]

Je ne comprends pas comment IE passe avec les 2 méthodes et Firefox avec aucune. Comment expliquer cela ?

Il y a une raison assez simple qui explique pas mal de problèmes de ce type :
IE confond name et id.

Aussi, sous IE, si on définit le name d'un objet mais pas son id, getElementById() fonctionnera quand même (mais pas sous FF).

Par contre, si on donne à un élément un id correspondant au name d'un autre élément, IE plante (car il "considère" que l'id est dupliqué). Les autres nav, non.

Dans le même ordre d'id (), si on donne à une variable un nom correspondant à l'id d'un élément de la page, IE plante aussi
Cette fois-ci, c'est à cause d'une syntaxe historiquement autorisée sous IE : faire référence à un objet directement via son id :
Pour un objet dont l'id est "toto",

Code :

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

toto.value

est l'équivalent de

Code :

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

document.getElementById("toto").value

On voit bien ici la confusion qu'engendrerait pour le nav (enfin ... pour IE) l'utilisation d'une variable "toto" ...

Bref, les raisons de dysfonctionnement ne manquent pas

A+

[franklin626]

je vois. Bon j'ai dupliqué tout ce que je pouvais, et je n'ai pas de plantage sous IE.

N'y aurait-il pas d'autre explication que celles liées à name/id ? Cela voudrait juste dire que j'ai zappé un name ou id du coup, mais je ne vois pas où j'aurais pu.

Et cela ne choque personne que même getElementsByName ne passe pas du tout sous Firefox ?

[E.Bzz]

Et cela ne choque personne que même getElementsByName ne passe pas du tout sous Firefox ?

Ben le problème est que le fonctionnement est différent : getElementsByName() renvoie un tableau d'éléments (le name n'ayant pas de contrainte d'unicité).
Pour reprendre mon exemple précédent, pour attaquer le même objet via son name, ça serait

Code :

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

document.getElementsByName("toto")[0].value

A+

[llaffont]

Un autre problème de IE et la navigation Ajax.

C'est dans les tableaux la balise <TBODY> est ajouté par FF ce qui par moment déroute les ascendants et descendants DOM.

FF corrige beaucoup de problème script par lui même .
C'est pour cela qu'il est plus facile de développer dessus et de déboguer ensuite IE (Enfin pour ma part)