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:
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...
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; }
Quelqu'un aurait un peu de grâce pour m'aider ?
Merci beaucoup
Partager