We had a requirement from a client asking us to populate all the options on the Service Request Form dynamically from a table.So we wrote our own UI page which will get all the options from a table.

One of the problems in writing our own UI pages with all the "fields" we want is we have to attach their event handlers and handle each and every validation In the process of validating them, we had a statement,

var element1 = document.createElement('input');element1.type = 'checkbox';element1.id = 'checkbox' + i;element1.setAttribute('onclick','handlerfunction(this)');

It was working fine with Firefox, But when i tested it with IE, it wasn't working :(. One more reason for me to hate IE

Reason : setAttribute doesn't work in IE.I explored all the links that google gave me with little success.Finally, I thought of using the "observe" method of prototype.

http://www.prototypejs.org/api/event/observe You can find everything about events in the above link. Also one of the reasons I like about prototype when it comes to event handling is, You need not pass 'this' again to a handler function. the code is as simple as this

Event.observe(element1.id,'click',check); //Explanation is there in the link given above

and yippee it started working in IE