Creation de ligne dynamiquement
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:
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
