StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POOnclick not working for enabling read only field in IE8 and IE7
text
Body
copied!<p>I have simple requirement to enable the readonly text field on click and enter the values in it.</p> <p>for this i followed following js</p> <pre><code>function enableField(){ document.getElementById("recordname").readOnly = false; } </code></pre> <p>Html code is </p> <pre><code><input id="recordname" cssClass="Gry999" maxLength="35" readonly="true" onclick="enableField()" name="recordname" onkeypress="return validateCustomize(event);"/> </code></pre> <p>In All browsers (firefox, chrome, ie 9) ,this code is working as expected, but in IE8 - i need to click two times to enter values ( in a first click the textfield is gettign focus but cannot enter values, its behave like readyonly)</p> <p>i have tried the jquery also(after removing onclik attr from input field) but no help </p> <pre><code>$(document).ready(function() { $('#recordname').on('click',function() { $('.jqueryclickcls').attr('readonly', false); }); }); </code></pre> <p><strong>Update:</strong> The same <code>document.getElementById("recordname").readOnly = false;</code> code works when this code triggered from any other control ,like while clicking on another link enable text field</p> <pre><code>function enableField(){ document.getElementById("recordname").readOnly = false; document.getElementById("recordname").focus(); } <a onclick="enableField()" >Enable Field</a> </code></pre> <p>after this i can type the values??!!</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload