append a table row should sound straight forward when using with a xajax function.

the html code for table and a button within a form:

Code:

xajax function to append a row to table:

PHP:

it works perfectly in firefox. but nothing is happening when you click the button in IE.

i wasted a lot of time trying to find out why. finally found this forum post:

For whatever reason, the W3C deemed it "incorrect" to write to the innerHTML of a TABLE, TBODY or TR (among other tags)... the odd thing is that IE is one of the only browsers that currently FOLLOWS the standard...

thankfully there’s a solution (based on the solution provided from the same post). instead assigning table cells to the <tbody> tag, create <tr> and <td> tags and assign to innerHTML of <td>.

in the form, add a hidden field for next row id.

now update the xajax function:

PHP: