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.