[AJAX] document.getElementById() : firefox/IE

Version imprimable

29/09/2009, 11h50
troumad

[AJAX] document.getElementById() : firefox/IE

Bonjour

Je viens de développer une application avec de l'ajax. Et maintenant qu'elle roule, je la mets en ligne.
La cata ! Internet Explorer est encore là pour faire planter mes applications !

En effet, lors d'un premier appel Ajax, je crée une partie du code de la page. Ensuite, avec du javascript, je modifie un peu le document créé avec des document.getElementById().
Avec firefox, pas de problème. Mais, Internet Explorer, lui ne reconnait pas les nouveaux id créés ! Comment faire ? Imposer l'utilisation de firefox pour mon application ? Je n'ai rien contre :mouarf: , mais certains vont râler :roll:
29/09/2009, 13h00
Bovino

Salut,

Il n'y a à priori aucune raison pour que IE ne reconnaisse pas les id des éléments ajoutés ou modifiés.

Ensuite, il y a peut-être un problème de nommage : id multiples ou id et name similaires susceptibles de perturber IE.
Mais sans code, difficile de se faire une idée ;)

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
<table>
 <tbody><tr>
  <th>Prénom</th><th>Nom</th><th>@mail</th><th>Volontaire</th><th>login</th><th>Mot de passe</th><th>Id</th><th>groupe</th><th>Action</th>
 
 </tr>
 <tr>
  <td>Bernard</td><td>SIAUD</td><td>XXXXXXXXuniv-lyon1.fr</td><td>1</td>
  <td>troumad</td><td>XXX</td><td>1</td><td>admin</td>
  <td>
 
   <a href="#ligne_mod" onclick="modif_ens(1)" title="Modifie les informations sur cet étudiant"><img src="/images/edit.png" alt="edit"></a>
   <a href="#" title="Supprime cet étudiant de la base de donn&amp;ées" onclick="suppri_ens(1)"><img src="/images/efface.png" alt="edit"></a></td>
 </tr>
[... Une ligne par prof  : générée automatiquement par la même boucle du même programme...]
<tr id="ligne_mod_titre"><th colspan="9">Voulez-vous rajouter un nouvel enseignant ?</th></tr>
 
 <tr id="ligne_mod">
  <th><input size="12" name="prenom_nv" type="text"></th>
  <th><input size="12" name="nom_nv" type="text"></th>
  <th><input size="24" name="mail_nv" type="text"></th>
  <th><input size="5" name="volontaire_nv" type="text"></th>
  <th><input size="12" name="login_nv" type="text"></th>
  <th><input size="15" name="passe_nv" type="text"></th>
  <th><input size="15" name="id_nv" value="0" type="hidden">X</th>
 
  <th>
   <select name="groupe_nv">
    <option value="enseignant">enseignant</option>
    <option value="secret">secret</option>
    <option value="admin">administrateur</option>
   </select></th>
   <th><input onclick="nv_ens(this.form)" value="Validation" title="Je valide ces nouvelles données" type="button"></th>
 
 </tr>
</tbody></table>

Les id="ligne_mod_titre" et id="ligne_mod" ne sont pas vu !

29/09/2009, 13h44
Bovino

Mais encore :?
Qu'est-ce qui te fais dire que les id ne sont pas vus ?
Quel est le code JavaScript associé ?

En essayant de supposer sur ce que tu fais, j'imagine que tu dois essayer de modifier les champs de formulaire, dans ce cas, ce n'est pas avec les id que IE a un problème, mais plutôt avec les name modifiés dynamiquement.

Voici les premières instructions non faites par IE :

Code:

1
2
 document.getElementById('ligne_mod').innerHTML='<td colspan=\"11\">Recherche...</td>';
  document.getElementById('ligne_mod_titre').innerHTML='<td colspan=\"11\">Modifier l\'enseignant suivant</td>';

29/09/2009, 21h07
Bovino

Ben, ça n'indique pas grand chose de plus... sauf que tu as un souci avec tes nombres de colonnes, parfois 3 (2e tr du tbody) parfois 9, et là tu essayes d'en insérer 11 :roll:
Ensuite, il ne faut pas échapper les doubles quotes ;)
29/09/2009, 21h23
troumad
Pour les doubles quotes, mon javascript est généré par du php :
Code:

1 2 echo "<script type='text/javascript'> //<![CDATA[
Pour le 11 :aie: , c'est une erreur que je m'empresse de corriger ! Et ce n'est tout de même pas ça qui va faire planter MSIE ? Je ne pourrais pas tester de MSIE avant Jeudi...

Pour le reste, je ne vois pas quoi donner ! La page complète ? Elle n'est pas accessible de l'extérieur de l'IUT (pour la version utilisée) et de chez moi pour la version de développement.

Citation:
Envoyé par troumad
Voici les premières instructions non faites par IE :
Code:

1 2 document.getElementById('ligne_mod').innerHTML='<td colspan=\"11\">Recherche...</td>'; document.getElementById('ligne_mod_titre').innerHTML='<td colspan=\"11\">Modifier l\'enseignant suivant</td>';
Citation:

Internet Explorer, innerHTML:

The property is read/write for all objects except the following, for which it is read-only: COL, COLGROUP, FRAMESET, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR.

ERE

29/09/2009, 23h53
avion-f16

Tu as essayé avec une autre méthode : createElement ?
30/09/2009, 07h17
troumad

Bon... D'après ce que je vois, il ne reste plus qu'à imposer l'utilisation de firefox !
emmanuel.remy, tu as trouvé ça où ? Et pourquoi ces restrictions ? Est-ce une idée MicroSoft ou une norme officielle ?

Presque tous mes innerHTML=, je les fais dans les tr ou des table...
04/10/2009, 16h58
emmanuel.remy

Salut,

Citation:

Envoyé par troumad

Bon... D'après ce que je vois, il ne reste plus qu'à imposer l'utilisation de firefox !
emmanuel.remy, tu as trouvé ça où ? Et pourquoi ces restrictions ? Est-ce une idée MicroSoft ou une norme officielle ?

Presque tous mes innerHTML=, je les fais dans les tr ou des table...

Citation:

Toutefois, vous ne pouvez pas non plus définir InnerHtml sur les éléments TABLE et TR, étant donné qu'assigner du HTML incorrect à ces éléments pourrait endommager le rendu du document. Utilisez AppendChild ou les méthodes insertRow et insertCell (...)

http://msdn.microsoft.com/fr-fr/libr...innerhtml.aspx

ERE
04/10/2009, 18h33
troumad

J'avoue que mon problème n'est surtout pas ce que pense MicroSoft, ce sont les normes officielles. Ce qui n'a malheureusement aucun rapport un peu trop souvent.
En plus, ce que je rajoute est du html correct pour être mis à ces emplacements.
05/10/2009, 02h05
emmanuel.remy

Citation:

Envoyé par troumad

J'avoue que mon problème n'est surtout pas ce que pense MicroSoft, ce sont les normes officielles. Ce qui n'a malheureusement aucun rapport un peu trop souvent.
En plus, ce que je rajoute est du html correct pour être mis à ces emplacements.

Si ton problème est surtout lié aux "normes officielles", alors note que innerHTML ne fait partie d'aucune norme... Ton code est erroné, j'en suis désolé mais c'est ainsi, et Microsoft n'y est pour rien :roll: . Pour les tables on passe par la manipulation du DOM (et des fonctions - insertRow, insertCell), et dans les cas des autres balises on essaie innerHTML et on compte les points. Par exemple innerHTML ne fonctionne pas non plus correctement si le texte inséré contient une balise SCRIPT.

ERE
05/10/2009, 07h54
troumad

OK !
Je ne savais pas pour innerHTML. Mais, comme depuis, j'ai continué, je vais donc demander l'utilisation de FireFox en attendant que tout soit fini. Après (quand le développement sera fini) , je verrais pour modifier ma fonction qui utilise le innerHTML : je ne l'utilise que dans une seule fonction, donc, ça ne me demandera pas de tout refaire.

Citation:

Envoyé par emmanuel.remy

ERE

Bonjour

Essayez cette solution:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
//On teste sur la version du navigateur
 
if(navigator.appName=='Microsoft Internet Explorer')
{
//On met directement l'ID
 ligne_mod.innerHTML='<td colspan=\"11\">Recherche...</td>';
 ligne_mod_titre.innerHTML='<td colspan=\"11\">Modifier l\'enseignant suivant</td>';
}
else
{
 document.getElementById('ligne_mod').innerHTML='<td colspan=\"11\">Recherche...</td>';
  document.getElementById('ligne_mod_titre').innerHTML='<td colspan=\"11\">Modifier l\'enseignant suivant</td>';
}

J'espère que ça aide...

08/10/2009, 15h19
troumad

Je vais testé dès que j'aurais un Internet Explorer disponible ;)
Lundi peut-être !

Merci !