Focus Not Being Recognized

[mike]

I have a simple input element that is created dynamically using
javascript as follows:

myINPUT = document.createElement("INPUT");
myINPUT.type="text";
myINPUT.id = myINPUT.name = "amt"
myINPUT.value = "0";
myINPUT.className = "textNumber";
myINPUT.maxLength = "8";
myINPUT.size = "8";
myTD.appendChild(myINPUT);

After this gets added I'd like it to get the focus.

I use:

document.myform.elements["amt"].focus();

The message I get is that the field is null or does not exist.

Is this not getting inserted into the IE forms collection properly?

Is there a workaround to getting this newly created input element the
focus?

Mike

[mike]

<snip>
The message I get is that the field is null or does not exist.
<snip>

I told a story. I had another error in the javascript. Once I fixed
that error the message went away.

It still is not getting the focus though.

[mike]

if in my javascript I put an alert right after the focus statement,
then it works, like:

document.myform.elements["amt"*].focus();
alert("amt");

Mike

[mike]

More information. This javascript posted above is executed when the
value in another textbox changes.

When I input a value and "click outside the textbox with the mouse" to
the document area, then I "do not" get focus.

When I input a value and the hit the "tab" key, then I "do" get focus.

Does this make sense to any one?

[RobB]

mike wrote:

I have a simple input element that is created dynamically using
javascript as follows:

myINPUT = document.createElement("INPUT");
myINPUT.type="text";
myINPUT.id = myINPUT.name = "amt"
myINPUT.value = "0";
myINPUT.className = "textNumber";
myINPUT.maxLength = "8";
myINPUT.size = "8";
myTD.appendChild(myINPUT);

After this gets added I'd like it to get the focus.

I use:

document.myform.elements["amt"].focus();

The message I get is that the field is null or does not exist.

Is this not getting inserted into the IE forms collection properly?

Is there a workaround to getting this newly created input element the
focus?

Try this:

myINPUT = document.createElement("INPUT");
myINPUT.type="text";
myINPUT.id = myINPUT.name = "amt"
myINPUT.value = "0";
myINPUT.className = "textNumber";
myINPUT.maxLength = "8";
myINPUT.size = "8";
myTD.appendChild(myINPUT);
document.myform.amt = myINPUT;
document.myform.elements.amt = myINPUT;
document.myform.elements["amt"].focus();

Internet Explorer doesn't add the usual references -
document.form_name.element_name and
document.form_name.elements.element_name - to form controls appended
dynamically.

[RobB]

mike wrote:

More information. This javascript posted above is executed when the
value in another textbox changes.

When I input a value and "click outside the textbox with the mouse" to
the document area, then I "do not" get focus.

When I input a value and the hit the "tab" key, then I "do" get focus.

Does this make sense to any one?

A focus/blur/timing issue of sorts.

..........
..........
myINPUT.size = "8";
myTD.appendChild(myINPUT);
setTimeout('var el;if(el=document.myform.elements.amt)el.focus()', 50);