Add readonly attribute dynamically to input tag

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

upersson@consit.dk - 30 Jun 2005 12:58 GMT

Hi!

When accessing my web page I build up the javascript and html
dynamically. Depending on an parameter I want to set all the fields
(input tags) readonly. How do I do this? Of course I can write if
statements to add different input tags with and without the readonly
attribute. But is it possible to write a javascript that onload search
the page and add readonly to all input tags?

Regards /Ulrika

Reply to this Message

Mick White - 30 Jun 2005 15:33 GMT

> Hi!
>
[quoted text clipped - 6 lines]
>
> Regards /Ulrika

function denyReadingPrivilegesToTextInputs(form){
var f=form.length;
while(f--){
if(form.elements[f].type=="text"){
form.elements[f].readOnly=true;
}
}
}

Note "readOnly" property, it's case sensative.
Mick

Reply to this Message

Mick White - 30 Jun 2005 15:38 GMT

[snip]

> function denyReadingPrivilegesToTextInputs(form){
> var f=form.length;
[quoted text clipped - 4 lines]
> }
> }

That should be, of course:

function denyWritingPrivilegesToTextInputs(form)

Mick

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / JavaScript / June 2005

Add readonly attribute dynamically to input tag