readonly attribute

Hello people,

I'm having a niggling difficulty using Internet Explorer, where the following code:
x.setAttribute('readonly','true');
does NOT set the readonly attribute to true.

It's working fine in Mozilla, so I can't really see what the problem is (though I encountered something I'm guessing is pretty much the same in the x.className VS x.setAttribute('class','name') function problem.

It's just a simple problem, but it's annoying the crap out of me.

Please help!

Much appreciated!

Try using the DOM2 HTML extension:

someElement.readOnly = true;

Another way that should work:

oElement.setAttribute("readonly","readonly");

This is because attribute readonly can have only value "readonly". However, when dealing with booleans and controlling elements solely thru scripting, it's recommended to use the method jkd mentioned.

My experience is that

obj.setAttribute('foo','bar');

often doesn't work in IE, for no reason, whereas

obj.setAttribute('foo','');
obj.foo = 'bar';

is reliable.