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
| <html>
<body>
<script>
var NBTABLE = 0;
var newpart = function(id) {
var tr = document.createElement('tr');
var newTD1=document.createElement('td');
var newTD2=document.createElement('td');
var newTD3=document.createElement('td');
var newTD4=document.createElement('td');
newTD1.innerHTML = "<input type=\"text\" name=\"textfield1\">";
newTD2.innerHTML="<input type=\"checkbox\" name=\"if necessary\" value=\"checkbox\">";
newTD3.innerHTML="<input type=\"text\" name=\"partdescript\">";
newTD4.innerHTML="<input type=\"text\" name=\"price\">";
tr.appendChild(newTD1);
tr.appendChild(newTD2);
tr.appendChild(newTD3);
tr.appendChild(newTD4);
document.getElementById("table_"+id).appendChild(tr);
}
var newItem = function(id){
NBTABLE++;
var newTR2= document.createElement('tr');
newTR2.innerHTML="<td><table width=\"100%\" id=\"table_"+NBTABLE+"\" align=\"center\" border=\"1\"><tbody></tbody></table></td>";
document.getElementById("main").appendChild(newTR2);
var newTR= document.createElement('tr');
var newTD = document.createElement('td');
newTD.style.width='100px';
var newTD2 = document.createElement('td');
var input = document.createElement('input');
input.type = 'button';
input.value = 'New part';
input.indice = NBTABLE;
input.onclick = function(){
newpart(this.indice);
}
newTD.appendChild(input);
newTD2.innerHTML=id;
newTR.appendChild(newTD);
newTR.appendChild(newTD2);
document.getElementById("table_"+NBTABLE).appendChild(newTR);
}
</script>
<form name="f">
<table id="main" width="500px">
<input type="text" name="machineid"> <input type="button" onclick="newItem(document.forms.f.machineid.value)" value="Add machine">
</table>
</form>
<p> </p>
</body>
</html> |
Partager