change textbox readonly

[nirmalsingh]

hai all,
in html i have created a text box and make it readonly such as

<input type="text" id="age" readonly/>


now i want to make it enable(through javascript) to type in text box . what should i do for this?

[dmjpro]

obj_ref.readOnly = false;
//or obj_ref.setAttribute("readonly") = false;
 

kind regards.
dmjpro.

[gits]

obj_ref.readOnly = false;
//or obj_ref.setAttribute("readonly") = false;
 

kind regards.
dmjpro.

hi ... please excuse me and may be i'm wrong ... but i think that will not work, as far as i know ... most browsers look for existence of the readonly attribute ... and therefore it works without having a value assigned:

[HTML]<input type="text" id="age" readonly/>[/HTML]

so the right way is to remove that attribute from that element, you may use a function like the shown one below:

/**
 * @param obj - reference to element where attr should be changed (use: 
 * document.getElementById('id') or whatever you want for this)
 * @param - state true or false
 */
function set_readonly_state(obj, state) {
    if (state) {
        obj.setAttribute('readonly', state);
    } else {
        obj.removeAttribute('readonly');
    }
}

kind regards ...

[acoder]

hi ... please excuse me and may be i'm wrong ... but i think that will not work, as far as i know ...

Yes, it should work, see link. I tried some sample code in Firefox and it works fine.

[gits]

Yes, it should work, see link. I tried some sample code in Firefox and it works fine.

hmmm ... thats right ... i'm sorry! but using this way is a little bit different from my point of view ... until there is a difference between setting an attribute or using a property of an element. the code i provided, simply uses the readonly attribute of the input-element. I didn't know about the 'readOnly' property of the element and of course this works too ... but i think it is good (coding-)practice to use only one way of setting ui-element-states that means use properties OR use attributes (in case they do the 'same') ... i hope you understand what i'm trying to say? the input-element in our example is set to readonly-state through an attribute ... setAttribute it to false will not work ... you have to remove it to enable the widget.

if you prefer to set properties ... than it works fine too ... of course, but it mixes the possibilities and in larger apps this is hard to debug, or to find ... it's only an idea of me and my personal point of view ... you may agree or disagree with it ... ;)

kind regards ...

[acoder]

... it's only an idea of me and my personal point of view ... you may agree or disagree with it ... ;)

I don't disagree with what you're saying. I was merely pointing out that the readOnly property does exist.