javascript Table Updating

warrenaldo · 23-06-2009 11:52am #1

I have a table in html with a lot of rows. When something happens - I change the data in those rows with javascript.

However this involves code like so in my javascript

output += "<tr>"
output += "<td>"+this.fields.firstname+"</td>"
output += "<td>"+this.fields.surname+"</td>"
output += "<td><a href=\"browse/"+this.fields.test+"</a></td>
output += "<td><img src='/images/xxx.gif'/>"+this.fields.phone+"</td>"
output += "</tr>"

However, I dont want to hardcode any html like <"tr"> in my javascript - how can i do it?

Please help

Eoin · 23-06-2009 3:28pm

You can add rows to a table using the DOM, rather than hard-coding any tags.

Check this out:
http://www.mredkj.com/tutorials/tableaddrow.html

warrenaldo · 23-06-2009 3:42pm

Thanks Eoin,

Didnt think I would ever get a reply.
I have been working on it since I posted and came up with something using Jquery.

var row = $("#tableid tr:last").clone()
$("td:eq(0)", row).text(this.fields.firstname);
$("td:eq(1)", row).text(this.fields.surname);

It works well.

Eoin · 23-06-2009 3:46pm

Ah cool - seems to be pretty tidy code.

javascript Table Updating

Comments