'help with onclick' Thread RSS Feed

help with onclick

Wed, 28 Jan 2004 08:24:17 -0700

I have created a web page with a table that needs to add a row when the Add Row button is clicked. How do I capture the click event and do a loop to create another row in the table?

Thanks for the help!

Re: help with onclick

Wed, 28 Jan 2004 09:11:05 -0700

<input type="button" onClick="addrow()">

function addrow() {
with (document)
var table = (getElementById)? getElementById('table') : all['table'];

table.addRow();
}

I haven't tested that, and I may have done some things I shouldn't, but it should give you the general idea.

Re: help with onclick

Thu, 29 Jan 2004 09:08:07 -0700

<input type="button" onClick="addrow()">
: 
: function addrow() {
: with (document)
: var table = (getElementById)? getElementById('table') : all['table'];
: 
: table.addRow();
: }

:
: I haven't tested that, and I may have done some things I shouldn't, but it should give you the general idea.
:

I got this code to work but how do I add a check box not just text to the table?
td1.appendChild(document.createTextNode("want a check box here"))
Thanks!

function addRow(id){
    var tbody = document.getElementById
    (id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
    td1.appendChild(document.createTextNode("column 1"))  //how do I get a check box or a text field?
    var td2 = document.createElement("TD")
    td2.appendChild (document.createTextNode("column 2"))
    row.appendChild(td1);
    row.appendChild(td2);
tbody.appendChild(row);
  }

<a href="javascript:addRow('myTable')">Add row</a>

<table id="myTable" cellspacing="0" border="1">
  <tbody>
    <tr>
      <td>row1_column1</td><td>row1_column1</td>
    </tr>
  </tbody>
</table>

Re: help with onclick

Fri, 30 Jan 2004 00:24:20 -0700

var check = document.createElement('input');
check.setAttribute('type','check');
td1.appendChild(check);

I think that's the one.