problem on IE for onBlur 1

[richardko]

Hi,
I am creating a text box in a form and trying to use the onBlur event but the onBlur event doesnt seem to execute in IE. It executes nicely in Firefox. I looked at the microsoft documentation for onBlur and it said to use tab-index property but even then this doesnt work. Any idea? I am using the code below to create the text box.
thanks
rko

function createTextBox(name) {
var textElem = document.createElement("input");
textElem.setAttribute("type", "text");
textElem.setAttribute("name", name);
textElem.setAttribute("id", name);
if (name == (skuName + nextRow)) {
textElem.setAttribute("TABINDEX", "0");
textElem.setAttribute("onBlur", "chkmessage('heeello')");
}
return textElem;
}

 

[tsuji]

[tt]
if (name == (skuName + nextRow)) {
if (window.attachEvent) {
textElem.attachEvent("onblur", function() {chkmessage('heeello')});
} else if (window.addEventListener) {
textElem.addEventListener("blur", function() {chkmessage('heeello')},true);
}
}
[/tt]

 

[richardko]

hi, thanks for the reply. Your code worked on the IE perfectly. I tried to implement another onBlur function but it did not work as well...i am catching a null exception both in firefox and IE. am i doing something wrong in the code below?

if (name == (skuName + nextRow)) {
if (window.attachEvent) {
textElem.attachEvent("onblur", "submitForm('" + name + "')");
}else if (window.addEventListener) {
textElem.addEventListener("blur", "submitForm('" + name + "')",true);
}
}

 

[tsuji]

You can do it simply like this.
[tt]
if (name == (skuName + nextRow)) {
if (window.attachEvent) {
textElem.attachEvent("onblur", function(){submitForm(name)});
} else if (window.addEventListener) {
textElem.addEventListener("blur", function(){submitForm(name)},true);
}
}
[/tt]

 

[richardko]

Thanks a lot, that helped.
ko