kostenloser Webspace werbefrei: lima-city

Javascript zum Reihe einfügen in Tabelle

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   davy

   

   davy hat kostenlosen Webspace.

   14:10, 15.6.2012

   Hallo,
   
   ich habe folgendes JavaScript zum Einfügen einer neuen Reihe mit Textfeld:
   
   

   <script language="javascript">
   
   var initial_count = new Array();
   var rows_limit = 0; // Set to 0 to disable limitation
   
   function addRow(table_id)
   {
     var tbl = document.getElementById(table_id);
     // counting rows in table
     var rows_count = tbl.rows.length;
     if (initial_count[table_id] == undefined)
     {
       // if it is first adding in this table setting initial rows count
       initial_count[table_id] = rows_count;
     }
     // determining real count of added fields
     var tFielsNum =  rows_count - initial_count[table_id];
     if (rows_limit!=0 && tFielsNum >= rows_limit) return false;
   
     var input = '<input type="text" name="kartennummer[]" size="2">';
   
     
     try {
   
   
       var newRow = tbl.insertRow(rows_count);
       var newCell = newRow.insertCell(0);
       newCell.innerHTML = input;
       var newCell = newRow.insertCell(1);
   
     } catch (ex) {
       //if exception occurs
       alert(ex);
     }
   }
   
   </script>

   
   
   Ich möchte, dass bei einem Aufruf dieses JavaScripts nicht eine, sondern gleich 10 neue Reihen eingefügt werden.
   Wie geht das?
   
   Ich habs mit einer for-Schleife versucht, aber es klappt irgendwie nicht.

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. m******************r

   12:02, 17.6.2012

   Hallo!
   
   In wie fern funktionierts mit for-Schleife nicht? wo hast du die Schleife eingebaut? Ist das Skript von dir, oder kopiert? Bzw. ist es wichtig, dass es die Möglichkeit zur Limitierung etc. gibt, oder willst du nur 10 Reihen am Ende der Tabelle anfügen?
   
   Für letzteres würd mMn das hier vollkommen ausreichen:
   

   function addRow(table_id)
   {
       var tbl = document.getElementById(table_id);
   
       for (var i = 0; i < 10; i++)
       {
           var newRow = tbl.insertRow(-1);
           newRow.insertCell(0).innerHTML = input;
           newRow.insertCell(1);
       }
   }

   
   
   lg

4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?