Adding rows to a table by javascript

[yuvaly]

Hi

I want to Query a database using AJAx and display the results in the middle rows of an existing table. right now the server builds rows and return them to the main page, but I don't know how to insert them to the right spot.
basically, I look for a function he inserts a string before /after some row in the table .

in the pad I have:
<table>
<tr><td>Heade r</td></tr>
<tr><td>foote r</td></tr></table

I have a string : "<tr><td>Re sult 1</td></tr>" I want to insert between the Header and the footer using Javascript. How can I do it? [I get this string from the server].

Thanks
Yuval

[hsriat]

This example may help you.

[yuvaly]

Thank you, but this example uses Insert Row, that means I have to read the content of the response I get from the server to know whar rows/collums to insert, when in the server they already formatted it so I can just insert it...I want to insert a whole string [that represents several rows] into the table between the two rows.

[hsriat]

Thank you, but this example uses Insert Row, that means I have to read the content of the response I get from the server to know whar rows/collums to insert, when in the server they already formatted it so I can just insert it...I want to insert a whole string [that represents several rows] into the table between the two rows.

That is not possible I guess. Instead sending the whole string from the server, send tokenized string (with all the fields and rows saperated by token eg. a pipe |). And on the front, split() it and add the rows at required positions.

[iam_clint]

you can do table.innerHTML = table.innerHTML +MyOtherVar;

However this is not standard and may not work on some browsers properly.