table n'accèpte pas de innerHTML ?

**SpaceFrog** · 12/02/2008, 15h18

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
<script type='text/javascript'>
var innerTRUC="<tr>";
for(i=0;i<10;i++){
innerTRUC+= "<td>coucou " + i +"</td>"
;}
innerTRUC+="</tr>";
 
var InnerMachin=""
for (j=0;j<10;j++){InnerMachin+=innerTRUC;}
 
 
</script>
</head>
 
<body onload="document.getElementById('one').innerHTML='<tbody>'+InnerMachin+'</tbody>'">
<table id="one">
</table>
</body>
 
</html>

ce code me retourne une erreur innatendue ... comm esi on attendait des erreurs

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
 
 
<script type='text/javascript'>
var innerTRUC="<tr>";
for(i=0;i<10;i++){
innerTRUC+= "<td>coucou " + i +"</td>"
;}
innerTRUC+="</tr>";
 
var InnerMachin=""
for (j=0;j<10;j++){InnerMachin+=innerTRUC;}
 
 
</script>
</head>
 
<body onload="document.getElementById('one').innerHTML='<table><tbody>'+InnerMachin+'</tbody></table>'">
<div id="one">
</div>
</body>
 
</html>

celui ci ne pose pas de souci ???
Il y a une restriction à attribuer un innerHTML sur les balsies tables ?

Precision il semblerait que cela focntionne sous FFX mais pas IE

**DavidDeTroyes** · 12/02/2008, 15h31

As tu essayé de faire plutôt

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<SCRIPT>
var innerTRUC="<table><tr>";
blabla
innerTRUC+="</tr></TABLE>";
 
</SCRIPT>
 
<TABLE>
<TR>
<TD ID="one">
</TD>
</TR>
</TABLE>

Des fois que...

**SpaceFrog** · 12/02/2008, 15h32

le but n'est pas d'ajouter du contenu à une cellule ...
mais de remplir un tableau

**DavidDeTroyes** · 12/02/2008, 15h36

Je ne comprend pas la différence. Si tu veut remplir un tableau en HTML, il faut bien que tu l'efface et l'affiche rempli, non ?

**SpaceFrog** · 12/02/2008, 15h43

la quetion fondamentale est pourquoi si je renseigne le innerHTML d'un div avec le code complet d'un tableau ça passe, alors que si je renseigne le innerHTML d'une balise table avec des tr et des divs ça ne passe pas ...

je n'ai besoin de rien effacer vu que les conteneurs sont vides au depart, je ne fait que venir leur mettre du code avec innerHTML

**le_chomeur** · 12/02/2008, 15h57

Pour ma part cela ne plante que sur IE7 ( je n'ai pas ie6 )

par contre en déboguant j'ai pus constater qu'avant l'affectation du innerhtml celui ci est a "undefined" ...

**SpaceFrog** · 12/02/2008, 16h11

j'ai mis un contenu structuré à mon table avant insertion ...
il sait faire un alert du innerHTML, mais pas l'affecter ...

le innerHTML serait en lecture seule sur un table ou un select ?

Code :

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

1
2
3
4
5
<body onload="alert(document.getElementById('one').innerHTML);document.getElementById('one').innerHTML='<tbody>'+InnerMachin+'</tbody>'">
<table id="one">
<tr><td></td></tr>
</table>
</body>

**le_chomeur** · 12/02/2008, 16h33

Seulement sous ie alors, j'ai essayé avec un try/catch mais je me retrouve avec une erreur de type : "object error" qui n'est pas listé ici :
http://developer.mozilla.org/fr/docs..._globaux:Error

La , il se pourrait bien que l'innerHTML ne soit pas accessible en écriture sous ie

**Auteur** · 12/02/2008, 18h56

bonjour,

un petit test :

Code html :

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
24
25
26
27
28
29
30
31
32
33
 
<html>
<head>
<title></title>
 
<script type='text/javascript'>
function contenuDiv()
{
alert(document.getElementById('leDiv').innerHTML);
}
 
 
function contenuTable()
{
alert(document.getElementById('one').innerHTML);
}
</script>
</head>
 
<body onload="">
 
<div id="leDiv">
</div>
 
<table id="one">
</table>
 
<input type="button" value="innerHTML sur DIV" onclick="contenuDiv()" />
<input type="button" value="innerHTML sur TABLE" onclick="contenuTable()" />
 
</body>
 
</html>

Il y a un div vide et un table vide dans la page...

Sous FF les alert retournent un contenu vide (la fenêtre n'affiche rien).

Sous IE :

innerHTML sur le div ne retourne rien

ok
innerHTML sur le table retourne :

Code html :

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

1
2
 
<tbody></tbody>

or a priori cette balise n'existe pas dans la page donc ça plante

(car visiblement tu cherches à faire un innerHTML sur une balise non définie).

J'ai poussé le test un peu plus loin en ajoutant les balises tbdoy (car visiblement il manque ça). Donc en reprenant le code de SF :

Code html :

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
24
25
26
27
28
29
30
31
 
<html>
<head>
<title></title>
 
<script type='text/javascript'>
var innerTRUC="<tr>";
for(i=0;i<10;i++){
innerTRUC+= "<td>coucou " + i +"</td>"
;}
innerTRUC+="</tr>";
 
var InnerMachin=""
for (j=0;j<10;j++){InnerMachin+=innerTRUC;}
 
 
</script>
</head>
 
<body onload="document.getElementById('one').innerHTML=InnerMachin">
 
 
<table>
<tbody  id="one">
</tbody>
</table>
 
 
</body>
 
</html>

ben, euh, ça plante aussi

J'ai trouvé cette documentation qui dit que innerHTML est en lecture seule pour les balises :
COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR.

**SpaceFrog** · 12/02/2008, 19h56

Haaaaaaaaaaaaaaa
Merci Auteur, je n'avais rien trouvé sur le sujet...
Cela confirme donc les soupçons de mon ignorance

Parcontre ils ne parlent pas de la balise select, j'ai souvenirs d'avoir eu des deboires avec un responseText attribuer en innerHTML d'un select ??

**Auteur** · 12/02/2008, 23h29

Envoyé par SpaceFrog

Parcontre ils ne parlent pas de la balise select, j'ai souvenirs d'avoir eu des deboires avec un responseText attribuer en innerHTML d'un select ??

euh, là je ne sais pas, dans le document ils ne parlent pas de select et de ses options. Il est vrai que les options sont indissociables du select comme les tr et td sont indissociables du table, donc peut-être que innerHTML ne fonctionne pas non plus pour select.

Pourquoi tu n'utilises pas createElement(), appendchild() pour divers éléments ou insertCell(), insertRow() pour les tables, ou select.options.add() pour le select ?

responseText ce n'est pas de l'ajax ?

**le_chomeur** · 13/02/2008, 00h00

+1 avec toi auteur, mais je pense que c'était plus pour ses connaissances personnelles sur le coup

Mais intéressant a traiter spafy , merci des infos...

**SpaceFrog** · 13/02/2008, 10h58

Oui Auteur c'est bien pour un responseText Ajax ...
Je regardasi juste le tuto de siddh sur les listes liées avec ajax.

le code des options est construit en php et versé dasn la page par un innerHTML, plutot que de construire coté javascript avec le DOM ...