Creation de ligne dynamiquement

**AlphonseBrown** · 01/03/2007, 16h06

Bonjour à tous,
je souhaite adopter le même principe qu'un code source trouvé dans les archives de ce forum sur une de mes pages.

Il permets l'ajout de lignes à la volée dans un tableau. Voici le code que j'ai récupéré:

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE="JAVASCRIPT">
function test()
{
	var html=document.getElementById('MONTAB').innerHTML;
	var tab=html.split("</TBODY>");
	html="";
	html=tab[0];
	html=html+"<TR>";
	html=html+"<TD>AA</TD>";
	html=html+"<TD>AA</TD>";
	html=html+"</TR>";
	html=html+"</TBODY>";
 
	document.getElementById('MONTAB').innerHTML=html;
}
</SCRIPT>
 
</HEAD>
<BODY>
<TABLE BORDER="1" ID="MONTAB">
<THEAD>
<TR>
<TH>COL1</TH>
<TH>COL2</TH>
</TR>
</THEAD>
<TBODY>
<TR>
<TD>LIGNE1</TD>
<TD>LIGNE1B</TD>
</TR>
<TR>
<TD>LIGNE2</TD>
<TD>LIGNE2B</TD>
</TR>
</TBODY>
</TABLE>
<INPUT TYPE="BUTTON" VALUE="ESSAI" ONCLICK="javascript:test();">
 
</BODY>
</HTML>

Ceci fonctionne sous Mozilla Firefox et non sur Internet Explorer.

Voyez vous pourquoi?

merci d'avance

**Djakisback** · 01/03/2007, 16h16

Salut,
jette un oeil ici

Envoyé par msdn

(However, because of the specific structure required by tables, the innerText and innerHTML properties of the table and tr objects are read-only.)

Bye

**AlphonseBrown** · 01/03/2007, 16h42

merci mais le problème c'est que je ne peut pas faire de:

col = document.createElement("td");

Je m'explique, je vous ai envoyé le code simplifié mais en faite la ligne que je veut rajouter m'est renvoyée par un script en ajax (donc dans une chaine), elle me retourne une chaine comme ceci:

"<td>blabla</td><td>blabla</td>"

Comment pourrais je faire pour que cela fonctionne?

merci d'avance

**AlphonseBrown** · 01/03/2007, 16h50

bon je vais faire autrement, je recupere tout mon code html et je vais separer les TD et faire des create element , sa sera moins tordu

Merci de ton aide

**Djakisback** · 01/03/2007, 17h09

Apparement tbody.innerHTML est également en read-only, donc effectivement le mieux serait soit de parser ta chaîne, soit de récupérer les données sous une autre forme. Bye

Creation de ligne dynamiquement

JavaScript

Discussions similaires

Partager

Partager