nach stundenlanger bastelei und meinen doch eher sehr beschränckten javascript kenntnissen habe ich es nun vollbracht, ein formular bzw. eine tabelle zu basteln, der man über javascript noch eine weitere reihe 'addRow()' hinzufügen kann.
jetzt würde ich gerne die zuletzt kreierte reihe 'lastchild?' wieder löschen können 'deleteRow()'. ich habe da schon einen ansatz. der funktioniert aber nicht bzw. ich glaube, dass ich da irgendwas nicht korrekt anspreche. wäre nett , wenn mir da jemand helfen könnte
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 | <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"><!-- var i=2;function addRow() { var tbody = document.getElementById("test").getElementsByTagName("TBODY")[0]; var row = document.createElement("TR"); var td1 = document.createElement("TD") var td2 = document.createElement("TD") var td3 = document.createElement("TD") var td4 = document.createElement("TD") td1.innerHTML = '<input type="text" name="name'+i+'" size="11" value="asdsad"/>'; td2.innerHTML = '<input type="text" name="bla'+i+'"size="11" value=""/>'; td3.innerHTML = '<input type="text" name="asd'+i+'" size="11" value=""/>'; td4.innerHTML = '<input type="text" name="wayne'+i+'" size="11" value=""/>'; row.appendChild(td1); row.appendChild(td2); row.appendChild(td3); row.appendChild(td4); tbody.appendChild(row); i++; } function deleteRow(){ var Knoten = document.getElementById("").lastChild; document.getElementById("").removeChild(Knoten);}</SCRIPT><p>produkte hinzufügen</p><form method="post" action=""> <input type="button" value="neues Produkt" onclick="addRow()"> <input type="button" VALUE="letztes Produkt löschen" OnClick="deleteRow()"> <table border="1" id="test"> <tbody> <tr> <th>bla</th> <th>2323</th> <th>test:</th> <th>test2</th> </tr> <tr> <td><input type="text" name="typ0" size="11" value=""/></td> <td><input type="text" name="maxgew0" size="11" value="0,020"/></td> <td><input type="text" name="minhoe0" size="11" value="0"/></td> <td><input type="text" name="maxhoe0" size="11" value="5"/></td> </tr> <tr> <td><input type="text" name="typ1" size="11" value=""/></td> <td><input type="text" name="maxgew1" size="11" value="0,050"/></td> <td><input type="text" name="minhoe1" size="11" value="0"/></td> <td><input type="text" name="maxhoe1" size="11" value="10"/></td> </tr> </tbody> </table></form> |
