how to add css to json response

Question

On clicking the td class="bgimg", I'm calling another function. How do I add a class to the td which I clicked?

/*This function creates a list of tabs*/
BCL.onSearchResponse = function(jsonData) {
    BCL.jsonData = jsonData;
    var str = "<table id=\"playlistTable\" cellspacing=\"1\"><tbody><tr>";
    var html = "";
    for (var i = 0; i < jsonData["items"].length; i++) {
        var playlist = jsonData["items"][i];
        html = "<td class=\"bgimg\" onclick=\"BCL.onPlaylistSelect(" + i +")\">{{name}}</td>";
        str += BCL.markup(html,playlist);
    }
    str += "</tr></tbody></table>";
    //console.log(str);
    document.getElementById("results").innerHTML = str;
    // load the first playlist
    BCL.onPlaylistSelect(0);
}

Like you want it to be marked as clicked or something like that? — Ajai
– Ajai, Commented Feb 24, 2012 at 21:00

Bradley Mountford · Accepted Answer · 2012-02-24 21:23:16Z

function hasClass(element,clss) {
    return element.className.match(new RegExp('(\\s|^)'+clss+'(\\s|$)'));
}

function addClass(element,clss) {
    if (!this.hasClass(element,clss)) element.className += " "+clss;
}

BCL.onPlaylistSelect = function(something, element) {
    element.addClass("myClass");
    //do stuff
};

BCL.onSearchResponse = function(jsonData) {
    BCL.jsonData = jsonData;
    var str = "<table id=\"playlistTable\" cellspacing=\"1\"><tbody><tr>";
    var html = "";
    for (var i = 0; i < jsonData["items"].length; i++) {
        var playlist = jsonData["items"][i];
        html = "<td class=\"bgimg\" onclick=\"BCL.onPlaylistSelect(" + i +", this)\">{{name}}</td>";
        str += BCL.markup(html,playlist);
    }
    str += "</tr></tbody></table>";
    //console.log(str);
    document.getElementById("results").innerHTML = str;
    // load the first playlist
    BCL.onPlaylistSelect(0);
};

Collectives™ on Stack Overflow

how to add css to json response

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related