javascript syntax - passing variable to function

Question

var testvar = "something";

//only one of the following 3 lines were uncommented while testing:
var myinsert = '<span class="green myCursor" 
                   onClick="getproblemsadmin(testvar)">
                   Test
                </span>'; //doesn't pass testvar to function

var myinsert = '<span class="green myCursor" 
                   onClick="getproblemsadmin(\'testvar\')">
                   Test
                </span>'; //doesn't pass testvar to function

var myinsert = "<span class='green myCursor' 
                   onClick='getproblemsadmin(\"testvar\")\'>
                   Test
                </span>"; //doesn't pass testvar to function

$('.someclass').html(myinsert); //jquery works and this works (tested)

Is there a way to pass a variable to function like this?

Answer 1

Do you mean the value of this variable?

var myinsert = "<span class='green myCursor' onClick='getproblemsadmin(\""+testvar+"\")\'>Test</span>";

The syntax:

var myinsert = "string" + variable + "string";
var myinsert = 'string' + variable + 'string';

Answer 2

You could try creating the span element and then binding the click event:

$('<span class="green myCursor">Test</span>').click(function()
{
    getproblemsadmin('testvar')
});

or, if you wanted to get really jQuery'esk, you could write:

$('<span />').addClass('green myCursor').text('test').click(function()
{
    getproblemsadmin('testvar')
});

Answer 3

If I understood you correctly you are looking for a way to pass a variable to a function which will return a constructed string containing markup code? Something like this?

var testvar = "something";

var myinsert = work_horse(testvar);
$('.someclass').html(myinsert);

function work_horse(testvar){
    return '<span class="green myCursor" onClick="getproblemsadmin(' + testvar + ')">Test</span>';
}​