how to generate rows in table dynamically

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 374,010 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,880 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 900 | Replies: 2

•

Join Date: May 2008

Posts: 1

Reputation: ban143 is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

ban143

Offline

Newbie Poster

how to generate rows in table dynamically

May 13th, 2008

dear frds i need
some info reg: dynamic row generation
how to generate a new row
at the end of the table at last field when i press tab or enter keys it will automatically generate a new row

•

Join Date: Dec 2004

Location: London or Slovakia

Posts: 1,907

Reputation: peter_budo has a spectacular aura about

Rep Power: 9

Solved Threads: 216

peter_budo peter_budo is offline

Offline

Posting Virtuoso

Re: how to generate rows in table dynamically

May 14th, 2008

You need scripting language for think like this as you need to run sort of loop cycle, I would say PHP would be your best solution, JavaScript may be to complex. However all depends on your experiences

Learn to see in another's calamity the ills which you should avoid.
Publilius Syrus
(~100 BC)
If we helped you to solve your problem, answered your question please mark your post as SOLVED.

•

Join Date: May 2008

Posts: 2

Reputation: alexhernandez is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

alexhernandez alexhernandez is offline

Offline

Newbie Poster

Re: how to generate rows in table dynamically

May 16th, 2008

Let's say you have:

Help with Code Tags

(Toggle Plain Text)

<form>
		<table id="myTable">
   <tr>
         <th>Name</th>
          <th colspan="2">Phone</th>
    </tr>
    <tr>
        <td><input type="text" name="newname" /></td>
        <td><input type="text" name="newphone" /></td>
        <td><input type="button" onclick="addContact()" value="Add"/></td>
    </tr>
</table>
</form>

You can create a function like:

Help with Code Tags

(Toggle Plain Text)

<script type="text/javascript" languaje="javascript">
function addContact(){
   var myTable = document.getElementById("myTable");
   var newTR = document.createElement("tr");
   var newName = document.createElement("td");
   newName.innerHTML = document.forms[0].newname.value;
   var newPhone = document.createElement("td");
   newPhone.innerHTML = document.forms[0].newphone.value;
  
   newTR.appendChild(newName);
   newTR.appendChild(newPhone);
   myTable.appendChild(newTR);
   document.forms[0].reset()
}
</script>