setAttribute readonly only works in mozilla

maminx · #1 September 3rd, 2008, 04:14 AM

hello all, i have this script below

Expand|Select|Wrap|Line Numbers

 
            var td = document.createElement('td');

            var theInput = document.createElement('input');

            theInput.setAttribute('type', 'text');

            theInput.setAttribute('name', 'codcnourut');

            theInput.setAttribute('size', '3');        

            theInput.setAttribute('value',form.codcnourut.value);

            theInput.setAttribute('readonly','true');

            td.appendChild(theInput);

            row.appendChild(td);

i want to make theInput(object/field) become readonly with this script

theInput.setAttribute('readonly','true');

but that works only in mozilla, doesn;t works in IE version 7..
and when i change the setAttribute readonly become like this one below

Expand|Select|Wrap|Line Numbers

theInput.readonly=true;

still the same, that script works only in mozilla, not in IE

so any idea??
thanks

maminx · #2 September 3rd, 2008, 04:32 AM

ok i have solved the problem

the script must like this one

theInput.setAttribute('readOnly','true');

see...not readonly, but readOnly (with uppercase of 'o')

thanks
kind regards..

maminx

acoder · #3 September 3rd, 2008, 11:55 AM

The JavaScript readOnly property is with a capital O, but setAttribute should've worked with lower-case - see W3C link. IE doesn't follow suit.

Popular Articles

What is Bytes?