• Forum
• Allgemein
• HTML, PHP, SQL,...
• javascript form

ilch Forum » Allgemein » HTML, PHP, SQL,... » javascript form

1. Do. 30.09.2010 11:45 Uhr #1

   

   sinan Mitglied

   Registriert seit

   28.10.2007

   Beiträge

   85

   Beitragswertungen

   

   halli hallo,
   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
   

   <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&uuml;gen</p>
   <form method="post" action="">
    
       <input type="button" value="neues Produkt" onclick="addRow()">
       <input type="button" VALUE="letztes Produkt l&ouml;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>

   0 Mitglieder finden den Beitrag gut.

   • zitieren