Discussion :

[rivierem]

Voila j'ai un tableau existant et lors de la saisie je voudrais pouvoir ajouter des lignes dynamiquement
mais elles ne prennent pas en compte les parametres que je passe
De plus ca ne marche pas sous IE mais que sur Firefox je cherche une solution generaliste
Voila mon javascript

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
 
<script type="text/javascript" language="javascript">
	function ajout_contact()
	{	
		var tableGeneral = document.createElement('table');
 
		var table = document.createElement('table');
		table.className = 'client';
 
		var ligneChamp = document.createElement ('tr');
		var ligneTel = document.createElement('tr');
		var ligneGeneral = document.createElement('tr'); 
		var ligneTable = document.createElement('tr');
 
		var cellDate = document.createElement ('td');
		cellDate.className ="tableauChampMini";
 
		var cellTable = document.createElement('td');
		cellTable.setAttribute('colspan',5);
 
		var cellCode = document.createElement ('td');
		cellCode.className ="tableauChampMini";
 
		var cellFonction = document.createElement('td');
		cellFonction.className = "tableauChampReduit";
 
		var cellNom = document.createElement('td');
		cellNom.className = "tableauChampMoyen";
 
		var cellEMail = document.createElement('td');
		cellEMail.className = "tableauChampMoyen";
 
		var cellGeneral = document.createElement('td');
		cellGeneral.colspan ='5';
 
		var cellLibTel = document.createElement('td');
		cellLibTel.className = 'tableauLibelleMini';
 
		var cellTel = document.createElement('td');	
		cellTel.className = 'tableauChampReduit'; 
 
		var cellLibFax = document.createElement('td');
		cellLibFax.className = 'tableauLibelleMini';
 
		var cellFax = document.createElement('td');
		cellFax.className = 'tableauChampReduit';
 
		var cellLibPort = document.createElement('td');
		cellLibPort.className = 'tableauLibelleMini';
 
		var cellPort = document.createElement('td');
		cellPort.className = 'tableauChampReduit';
 
		var dateCreation = document.createElement('input');
		dateCreation.type= 'text';
		dateCreation.name='m_DateCreation';
		dateCreation.setAttribute('maxlength',8);
		dateCreation.setAttribute('size',"8");
		dateCreation.style.width = '100%';
 
		var codeFonction = document.createElement('input');
		codeFonction.type= 'text';
		codeFonction.setAttribute('name','m_CodeFonction');
		codeFonction.setAttribute('maxlength',2);
		codeFonction.size='2';
		codeFonction.style.width = '100%';
 
		var fonction = document.createElement('input');
		fonction.type='text';
		fonction.setAttribute('name','m_Fonction');
		fonction.setAttribute('maxlength',24);		
		fonction.size='24';
		fonction.style.width = '100%';
 
		var nom = document.createElement('input');
		nom.type='text';
		nom.setAttribute('name','m_NomContact');
		nom.setAttribute('maxlength',40);;		
		nom.size='40';
		nom.style.width = '100%';
 
		var EMail = document.createElement('input');
		EMail.type='text';
		EMail.setAttribute('name','m_EMail');
		EMail.setAttribute('maxlength',40);
		EMail.size='40';
		EMail.style.width = '100%';
 
		var libelleTel = document.createTextNode('Tel');
 
		var tel = document.createElement('input');
		tel.type='text';
		tel.setAttribute('name','m_Telephone');
		tel.setAttribute('maxlength',20);		
		tel.size='20';
		tel.style.width = '100%';
 
		var libelleFax = document.createTextNode('Fax');
 
		var fax = document.createElement('input');
		fax.type='text';
		fax.setAttribute('name','m_Fax');
		fax.setAttribute('maxlength',20);		
		fax.size='20';
		fax.style.width = '100%';
 
		var libellePort = document.createTextNode('Portable');
 
		var port = document.createElement('input');
		port.type='text';
		port.setAttribute('name','m_Portable');
		port.setAttribute('maxlength',20);		
		port.size='20';
		port.style.width = '100%';
 
		cellDate.appendChild (dateCreation);
		cellCode.appendChild(codeFonction);
		cellFonction.appendChild(fonction);
		cellNom.appendChild(nom);
		cellEMail.appendChild(EMail);
 
		cellLibTel.appendChild(libelleTel);
		cellTel.appendChild(tel);
		cellLibFax.appendChild(libelleFax);	
		cellFax.appendChild(fax);
		cellLibPort.appendChild(libellePort);
		cellPort.appendChild(port);
 
		ligneChamp.appendChild(cellDate);
		ligneChamp.appendChild(cellCode);
		ligneChamp.appendChild(cellFonction);
		ligneChamp.appendChild(cellNom);
		ligneChamp.appendChild(cellEMail);
 
		ligneGeneral.appendChild(cellLibTel);
		ligneGeneral.appendChild(cellTel);
		ligneGeneral.appendChild(cellLibFax);
		ligneGeneral.appendChild(cellFax);
		ligneGeneral.appendChild(cellLibPort);		
		ligneGeneral.appendChild(cellPort);
 
		table.appendChild(ligneGeneral);
		cellGeneral.appendChild(table)
 
		ligneTel.appendChild(cellGeneral);
 
		tableGeneral.appendChild(ligneChamp);
		cellTable.appendChild(tableGeneral);
		ligneTable.appendChild(cellTable);
		document.getElementById('contactTable').appendChild(ligneTable);		
 
	}
</script>

Merci d'avance

[denisC]

var cellTable = document.createElement('td');
cellTable.setAttribute('colspan',5);

Typiquement, ce genre de syntaxe ne fonctionne pas sous IE (enfin, je crois).

Il faut utiliser:

Code :

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

1
2
 
      var cellTable = document.createElement('<td colspan="5">');

Syntaxe, qui, bien entendu, ne fonctionne pas sous FFX (et qui n'est pas standard pour un sous). Donc pour faire une solution compatible, il faut faire avec ça.... Puis recréer la cellule si ça n'a pas marché de cette façon.

Bonne chance

PS: je n'ai pas lu la suite de ton script, il est trop long....

[rivierem]

Sinon il n'existe pas carremnt une autre methide qui est valable pour les deux???

[denisC]

Sinon il n'existe pas carremnt une autre methide qui est valable pour les deux???

Ben non, ça serait trop facile, et les developpeurs web ne serviraient plus à rien

[SpaceFrog]

avec DOM y'a pas directement addRow ?

[rivierem]

avec DOM y'a pas directement addRow ?

C'est a dire??
Je debute en javascript et je galere un peu!!

[rivierem]

Personne pour m'aider???

S'il vous plait!!

[SpaceFrog]

ha oui j'ai eu ce problème de lignes dans un tableau... il faut avoir un tbody et appender dans le tbody... dans le table ça ne marche pas ...

en fait moi je fais un cloneNode de la dernière ligne et je l'append dans le tbody ...

[rivierem]

Tu n'aurais pas un exemple de code parce que la je nage un peu!!

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
<table class='sommaire' >
	<tbody id="som" >
		<tr>
       		<td class="center">&nbsp;</td>
			<td class='titre' style='background-color:red;cursor:text;' colspan=4>SOMMAIRE</td>
       		<td class="center">&nbsp;</td>
       	</tr>

un extrait de structure...
et tu appendes dans le tbody... et en principe IE l'accepte