Adding an input field to the dom and focusing it in IE

Question

I am trying to make a div, that when you click it turns into an input box, and focuses it. I am using prototype to achieve this. This works in both Chrome and Firefox, but not i

Answer 1

My guess is that IE hasn't updated the DOM yet when you make the call to focus(). Sometimes browsers will wait until a script has finished executing before updating the DOM.

I would try doing the update, then doing

setTimeout("setFocus", 0);

function setFocus()
{
    editElement.focus();
}

Your other option would be to have both items present in the DOM at all times and just swap the style.display on them depending on what you need hidden/shown at a given time.