div et innerHTML : tout sur une ligne?

Version imprimable

bonjour!!

je souhaite remplir un <div> dynamiquement. Pour cela j'utilise innerHTML. Il y a quelque chose que je ne comprends pas.

lorsque dans mon code j'ai :
Code:

1 2 document.getElementById('recapitulatif').innerHTML += '<table width="100%" border="1"><tr><td width="2%"> test</td><td>' + txtContexte + '</td></tr></table>';
il m'affiche bien le résultat attendu, soit un tableau.

Par contre, lorsque dans mon code j'ai :
Code:

1 2 3 4 document.getElementById('recapitulatif').innerHTML += '<table width="100%" border="1">'; document.getElementById('recapitulatif').innerHTML += '<tr><td width="2%"> test</td><td>' + txtContexte + '</td></tr>'; document.getElementById('recapitulatif').innerHTML += '</table>';
ben ça marche pas super super... j'ai l'impression qu'il m'interprete chaque ligne completement a part... il ne tient plus compte du tableau et m'inscrit ceci :

Citation:

testL'item sera à vérifier lors de créations uniquement

je pensais pourtant que la façon de le coder n'influencerait pas le résultat...

quelqu'un sait comment je pourrais faire pour coder ça sur plusieurs lignes?

04/04/2005, 10h58
SpaceFrog

kikoo Lili !

Je ne comprends pas trop ton étonnement... ton tableau ne comporte qu'une ligne de toute façon ??!!!???
04/04/2005, 11h05
LineLe

Citation:

Envoyé par SpaceFrog

kikoo Lili !

Je ne comprends pas trop ton étonnement... ton tableau ne comporte qu'une ligne de toute façon ??!!!???

hello toi! :zoubi:

dans le cas present oui, mon tableau ne contient qu'une ligne... mais au final il en comprendra beaucoup plus. j'ai d'abord essayé avec une ligne, et j'ai bien fait puisque ça ne marche pas... mais j'ai toujours pas compris pourquoi... a croire qu'il a "oublié" que j'ai ouvert une balise <table>

il ne m'affiche pas les cellules ni le cadre... sauf quand je fais le tout en une seule instruction.
04/04/2005, 11h10
Matthieu2000

utilise une variable intermédiaire.

sinon moi j'aurais fait comme ça
voici un joli plat de nouille !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script language="javascript">
function tableau(){
mondiv=document.getElementById('unconteneur');
untexte=document.createTextNode('coucou');
unbr=document.createElement('br');
uneligne=document.createElement('tr');
unecellule=document.createElement('td');
untableau=document.createElement('table');
mondiv.appendChild(untableau);
untableau.appendChild(uneligne);
uneligne.appendChild(unecellule);
unecellule.appendChild(untexte);
}
</script><button onclick="tableau();">Tracer tab</button>
<div id="unconteneur">
 
</div>

euh desolé si c'etait pas ce que tu voulais

04/04/2005, 11h13
LineLe

Citation:

Envoyé par Matthieu2000

utilise une variable intermédiaire.

je viens d'essayer : ça fonctionne...

je ne comprends toujours pas le pourquoi du comment du comportement decrit plus haut mais bon...

merci

Citation:

Envoyé par Boumeur

sinon moi j'aurais fait comme ça
voici un joli plat de nouille !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script language="javascript">
function tableau(){
mondiv=document.getElementById('unconteneur');
untexte=document.createTextNode('coucou');
unbr=document.createElement('br');
uneligne=document.createElement('tr');
unecellule=document.createElement('td');
untableau=document.createElement('table');
mondiv.appendChild(untableau);
untableau.appendChild(uneligne);
uneligne.appendChild(unecellule);
unecellule.appendChild(untexte);
}
</script><button onclick="tableau();">Tracer tab</button>
<div id="unconteneur">
 
</div>

euh desolé si c'etait pas ce que tu voulais

merci!! ça peut m'être m'utile aussi :wink: