Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie
Hi there,
There is an issue with role permissions that is being worked on at the moment.
If you are having trouble with access or permissions on regional forums please post here to get access: https://www.boards.ie/discussion/2058365403/you-do-not-have-permission-for-that#latest

javascript Table Updating

  • 23-06-2009 10:52am
    #1
    Registered Users, Registered Users 2 Posts: 500 ✭✭✭


    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


Comments

  • Registered Users, Registered Users 2 Posts: 21,263 ✭✭✭✭Eoin


    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


  • Registered Users, Registered Users 2 Posts: 500 ✭✭✭warrenaldo


    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.


  • Registered Users, Registered Users 2 Posts: 21,263 ✭✭✭✭Eoin


    Ah cool - seems to be pretty tidy code.


Advertisement