Adding cells to Table one at a Time

[Joe Brigs]

I have a empty Table to start , the user can click button to add one cell at a time. Each row can contain 6 cells if more is needed I add another row. My problem is whats the correct way to add a cell to an existing row ? I'm sure this is simple but , my head hurts. Thanks for any help

var parentSqmTable = document.getElementById('sQmTable'); // var parentSqmRow = parentSqmTable.insertRow(parentSqmTable.rows.length - 1); var parentSqmRow = ""; var numOfSqmTableCells = parentSqmTable.getElementsByTagName("td").length; var inumOfSqmTableCells = parseInt(numOfSqmTableCells); if (inumOfSqmTableCells == "0" || ( (inumOfSqmTableCells % 6) == 0) ) { parentSqmRow = parentSqmTable.insertRow(parentSqmTable.rows.length - 1); alert(' I should be 1st cell in each row !!!!! ') ; } else { parentSqmRow = parentSqmTable.row(0); alert(' I should be 2nd thru 6th row in each row ') ; }

[Joe Brigs]

I'm sure everyone knows, but this is a function I call when button is clicked.

[Eric Pascarello]

https://developer.mozilla.org/En/DOM/Node.appendChild

Eric

[Bear Bibeault]

This is the sort of thing that jQuery excels at. I'd highly recommend using jQuery whenever you are doing any of: event handling, Ajax, or DOM manipulation.

$('<td>hi</td>').appendTo(parentTR);

[Joe Brigs]

Eric , Thanks for the help that did the trick. Bear I will start reading about jquery and ajax soon. and Then I have to find out if I can use those in the shop I work in. Thanks again