ajout ligne dans tableau sous IE

Version imprimable

Bonjour, j'ai un problème d'execution de code javascript sur Internet Explorer
j'ai développé ce code avec le DOM,
il rajoute une ligne dans un tableau avec l'id tableCartes : un tr contenant un td qui lui meme contient un input texte
il fonctionne sous Firefox mais pas sous IE.
Si quelqu'un peux m'aider à le rendre compatible avec ce navigateur.
Merci d'avance

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
  var n = document.forms[2].elements.length -10;
	var tableCarte = document.getElementById("tableCartes");
	var nouveauInputCarte = document.createElement('input');
	var nouveauTr = document.createElement('tr');
	var nouveauTdCarte= document.createElement('td');
	var nouveauTdLabelCarte = document.createElement('td');
 
	nouveauInputCarte.name = 'carteSup' + n; 
	nouveauInputCarte.type = 'text';
	nouveauInputCarte.id = 'carteSup' + n;
 
 
	nouveauTdLabelCarte.width='10';
	nouveauTdLabelCarte.align='left';
	nouveauTdLabelCarte.setAttribute("class","label_form");
	nouveauTdLabelCarte.setAttribute("className","label_form");
 
	nouveauTdCarte.width='195';
        nouveauTdCarte.align='left';
 
	var textNode = document.createTextNode('N°');
 
 
	nouveauTdLabelCarte.appendChild(textNode);
	nouveauTdCarte.appendChild(nouveauInputCarte);
 
	nouveauTr.appendChild(nouveauTdLabelCarte);
	nouveauTr.appendChild(nouveauTdCarte);
 
	tableCarte.appendChild(nouveauTr);

05/07/2006, 12h34
FremyCompany

IE exige que tu utilise TBody...
FF peut s'en passer
05/07/2006, 12h37
n00noors

Tbody

pourrais tu me donner un exemple d'utilsattion stp

En supposant que ton code soi juste :
(et que je fasse pas de faute)

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
	var n = document.forms[2].elements.length -10;
	var tableCarte = document.getElementById("tableCartes");
	if (tableCarte.firstChild.tagName.toUpperCase() == "TBODY") {
		tableCarte=tableCarte.firstChild;
	}
	var nouveauInputCarte = document.createElement('input');
	var nouveauTr = document.createElement('tr');
	var nouveauTdCarte= document.createElement('td');
	var nouveauTdLabelCarte = document.createElement('td');
 
	nouveauInputCarte.name = 'carteSup' + n; 
	nouveauInputCarte.type = 'text';
	nouveauInputCarte.id = 'carteSup' + n;
 
 
	nouveauTdLabelCarte.width='10';
	nouveauTdLabelCarte.align='left';
	nouveauTdLabelCarte.setAttribute("class","label_form");
	nouveauTdLabelCarte.setAttribute("className","label_form");
 
	nouveauTdCarte.width='195';
        nouveauTdCarte.align='left';
 
	var textNode = document.createTextNode('N°');
 
 
	nouveauTdLabelCarte.appendChild(textNode);
	nouveauTdCarte.appendChild(nouveauInputCarte);
 
	nouveauTr.appendChild(nouveauTdLabelCarte);
	nouveauTr.appendChild(nouveauTdCarte);
 
	tableCarte.appendChild(nouveauTr);

merci

merci pour la rapidité de ta réponse
en fait j'ai réussi d'une autre manière que toi
j'ai tout simplement mis un id sur le tbody au lieu du table :

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
var tableFact = document.getElementById("bodyLigneFact");
 
var nouveauInputLitrage = document.createElement('input');
var nouveauInputPlaque = document.createElement('input');
var nouveauInputCarte = document.createElement('input');
var nouveauInputConsoDate = document.createElement('input');
var nouveauTr = document.createElement('tr');
var nouveauTdPlaque = document.createElement('td');
var nouveauTdCarte= document.createElement('td');
var nouveauTdLitrage = document.createElement('td');
var nouveauTdConsoDate = document.createElement('td');
var nouveauTdNumLigne = document.createElement('td');
 
nouveauTdPlaque.height = 29;
nouveauTdCarte.height= 29;
nouveauTdLitrage.height= 29;
nouveauTdConsoDate.height=29;
 
nouveauInputLitrage.name = 'litrage' + n; 
nouveauInputLitrage.type = 'text'; 
nouveauInputLitrage.id = 'litrage' + n;
 
 
nouveauInputPlaque.name = 'plaque' + n; 
nouveauInputPlaque.type = 'text';
nouveauInputPlaque.id = 'plaque' + n;
 
nouveauInputCarte.name = 'carte' + n; 
nouveauInputCarte.type = 'text';
nouveauInputCarte.id = 'carte' + n;
 
 
nouveauInputConsoDate.name = 'consoDate' + n;
nouveauInputConsoDate.type = 'text';
nouveauInputConsoDate.id = 'consoDate' + n;
 
	nouveauTdNumLigne.appendChild(document.createTextNode(n+''));
    nouveauTr.appendChild(nouveauTdNumLigne);
 
	nouveauTdPlaque.appendChild(nouveauInputPlaque);
	nouveauTr.appendChild(nouveauTdPlaque);
 
	nouveauTdCarte.appendChild(nouveauInputCarte);
	nouveauTr.appendChild(nouveauTdCarte);

nouveauTdLitrage.appendChild(nouveauInputLitrage);
nouveauTr.appendChild(nouveauTdLitrage);

nouveauTdConsoDate.appendChild(nouveauInputConsoDate);
nouveauTr.appendChild(nouveauTdConsoDate);

tableFact.appendChild(nouveauTr);[/CODE]

mais ton code :

Code:

1
2
3
4
var tableCarte = document.getElementById("tableCartes");
	if (tableCarte.firstChild.tagName.toUpperCase() == "TBODY") {
		tableCarte=tableCarte.firstChild;
	}

marche aussi à merveille

merci!!

05/07/2006, 12h55
FremyCompany

De rien, bonne continuation !