IE not detecting onChange properly - can I compensate?

[Csaba Gabor]

If I detect an empty textbox, I fill it with a value ('Dad').
If I do this twice, the second time around IE 6 fails to notice
that I've cleared the textbox again, thus leaving the textbox
cleared. Is there a recommended workaround?
Opera 7.23 is detecting the second deletion fine.

Thanks,
Csaba Gabor

The page snippet below illustrates what I mean:

<SCRIPT type='text/javascript'>
function changeNoted(inp utElem) {
if (!inputElem.val ue) inputElem.value = 'Dad';
}
</SCRIPT><FORM>
<INPUT type='text' name='foo' value='Mom' onChange='chang eNoted(this)'>
</FORM>

[Yann-Erwan Perio]

Csaba Gabor wrote:

If I detect an empty textbox, I fill it with a value ('Dad').
If I do this twice, the second time around IE 6 fails to notice <INPUT type='text' name='foo' value='Mom' onChange='chang eNoted(this)'>

IE sucks. Use "onblur" instead of "onchange".
Regards,
Yep.

[mscir]

Csaba Gabor wrote:

If I detect an empty textbox, I fill it with a value ('Dad').
If I do this twice, the second time around IE 6 fails to notice
that I've cleared the textbox again, thus leaving the textbox
cleared. Is there a recommended workaround?
Opera 7.23 is detecting the second deletion fine.

Thanks,
Csaba Gabor

The page snippet below illustrates what I mean:

<SCRIPT type='text/javascript'>
function changeNoted(inp utElem) {
if (!inputElem.val ue) inputElem.value = 'Dad';
}
</SCRIPT><FORM>
<INPUT type='text' name='foo' value='Mom' onChange='chang eNoted(this)'>
</FORM>

Weird Bug. How about this:

<INPUT type='text' name='foo1' value='Mom' onBlur='changeN oted(this)'>

Mike

[Csaba Gabor]

Ahem. The following compensates for the mentioned Microsoft bug.
Evidently, clones are not quite identical, ha ha.

<FORM>
<INPUT type='text' name='foo' value='Mom' onChange='chang eNoted(this)'>
</FORM>
<SCRIPT type='text/javascript'>
function changeNoted(inp utElem) {
if (!inputElem.val ue) {
inputElem.value = 'Dad'; // all we should need, but for IE...
var cloned = inputElem.clone Node(true);
if (cloned.value== 'Dad') // Opera clone is fake (.value is 'Mom')
inputElem.paren tNode.replaceCh ild(cloned, inputElem);
}
}
</SCRIPT>

Csaba Gabor
only tested on IE 6 and Opera 7.23
Note: this method introduces orphan nodes into the DOM