Calling Javascript function within innerHTML

[gsherp]

Is there anyway to call a javascript function within an innerHTML call?

example:

var someelement =  document.createElement("input"); 
var someelement2  =  document.createElement("input"); 

function test(str) { var str2 = test.substring(0,4); 
                           return str2; }

someelement.ondblclick=function(){ 
       document.getElementById('someelement2').innerHTML='<input id=\'blah\' value=\'test(this.value)\' >';
}

\\I think this works if the quotes are escaped properly, but i haven't been \\successful in doing it.

someelement.ondblclick=function(){ 
       document.getElementById('someelement2').innerHTML='<input id=\'blah\' value=\' '+test(+' this.value ' +) ' +\' >';
}

any help will be much appreciated.

[Ferris]

Hi:

1st: input element can't use innerHTML.Only div element can use innerHTML.

2st: you create 2 input elements by using javascript,but you didn't add it into document.

I can't understand what you want to do,so tell me what you want,and I can post the code you want.

[gsherp]

Thanks for the reply.

I got around this problem by using an invisible input field in the innerHTML

document.getElementById(something).innerHTML = data + '<input name=datafield id=datafield value=data class=nosee>';

This seems to work for me, so i decided to just go with this method.