JSON.stringify in js

Question

How do I get reference of the <div> id and title from a external JS by using the code below:

function recordedEvent() {    
    var v_Id = $(this).attr('Id');
    var v_Title = $(this).attr('Title');
    var o = { Title : v_Title, ObjectId : v_Id };
    alert(JSON.stringify(o));
}

The function is called in the HTML with a onclick called box1().

Code in CplTemplateSetup.js is where I want to run the function from into the HTML:

content_left_30_four_click_images_right_70_head_content_template.html

Any help would be appreciated.

---

P.S.: JSON data (zip archive)

Answer 1

Well the most obvious problem is that you don't have a closing parenthesis after your callback.. otherwise the code looks good

---

Edit

window.lastClickedBoxData = {}; // just reassign that within your function

or

window.runThisWhenClicked = function () {
    var v_Id = $(this).attr('Id');
    var v_Title = $(this).attr('Title');
    var o = { Title : v_Title, ObjectId : v_Id };
};

then just

$(".box").click(window.runThisWhenClicked);