Bonjour à tous,

Voilà je suis sur un petit problème qui m'emcombrent un peu les neuronnes...

Code html : 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
<table style="border-style:dotted; border-color:#3C4E58;">
<tbody>
	<tr style="border-style:dotted; border-color:#3C4E58;">
	 <td style="width:65%">Désignation</td>
	 <td style="width:17%">Quantité</td>
	 <td style="width:18%">Prix/U</td>
	</tr>
	<div id='cadre'>
		<tr style="border-style:groove; border-color:#3C4E58;">
				<td><input type='text' name='des0' style="width: 95%;"/></td>
				<td><input type='text' name='qte0' style="width: 95%;"/></td>
				<td><input type='text' name='pri0' style="width: 95%;"/></td>
		</tr>
	</div>
</tbody>
</table>
<input type=submit onClick="addInput();" />

Simple tableau html avec deux lignes, le soucis c'est que je veux mettre un nombre de ligne infini en ajoutant une ligne par simple clique sur un bouton.

JavaScript:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
function addInput() {
	var c,c2,contenu
	c = document.getElementById("cadre");
	contenu = document.getElementById("cadre").innerHTML;
	c2	= c.getElementsByTagName('input');
	len = c2.length / 3;
	c.innerHTML = contenu+"<tr style='border-style:groove; border-color:#3C4E58;'><td><input type='text' name='des"+len+"' style='width: 95%;'/></td><td><input type='text' name='qte"+len+"' style='width: 95%;'/></td><td><input type='text' name='pri"+len+"' style='width: 95%;'/></td></tr>";
	//document.getElementById("nb").value = len;
}
Le problème c'est qu'il m'affiche les ligne complètement en dehors ( au dessus ) de mon tableau, rien à faire elles ne veulent pas rentrer dans le tableau...

Quelqu'un aurait un peu de grâce pour m'aider ?

Merci beaucoup