Start Building Professional
Web Apps Today

editable input text within cell

This code:

myGrid.setColTypes("ed,ed,ed....

myGrid.enableEditEvents(true,true,true);

myGrid.attachEvent("onRowSelect",function(rowId,cellInd){
var cellValue=myGrid.cells(rowId,0).getValue();
if (cellInd==0 ){
myGrid.cells(rowId,0).setValue("");
myGrid.cells(rowId,0).setValue("<div id='blah' style='z-index:5000'></div>");
$('blah').innerHTML="<input type='text' size='14' style='z-index:5000' value='"+cellValue+"' tabindex='1' id='blah002' class='blah002' name='blah002'/>";
$('blah002' ).style.backgroundImage="url('includes/img/magnifier.gif')";
$('blah002' ).style.backgroundRepeat="no-repeat";
$('blah002' ).style.backgroundPosition="right";
}
else {

myGrid.cells(rowId,0).setValue($(blah002).value);

}
return true;


});

is workiong fine, except one thing - I can not type anything into generated input text "blah002". Let's say I need that input text placed within particular cell for some design reason, but I also need to type/retype that input text value. What I should change to make it functional?

Thanks in advance!

The question is answered by email. If you don't receive teh answer, please, let us know.