Hi,
Which is your target browser..
Coz its working fine in IE5.5
Shine on,
Shashi,.
-----Original Message-----
From: Chad.Peck@a... [mailto:Chad.Peck@a...]
Sent: Monday, February 10, 2003 6:43 PM
To: JavaScript HowTo
Subject: [javascript_howto] Re: How to make columns READONLY dynamically
?
Try this:
<HTML>
<HEAD>
<TITLE></TITLE>
<script>
<!--
function editFields(form, index) {
var bReadOnly = false;
if(form) {
if(!form.elements("employee_checkbox")[index].checked) {
bReadOnly = true;
}
form.elements("emp_no")[index].readOnly = bReadOnly;
form.elements("last_name")[index].readOnly = bReadOnly;
form.elements("first_name")[index].readOnly = bReadOnly;
}
}
//-->
</script>
</HEAD>
<BODY>
<form>
<TABLE WIDTH=75% BORDER=1 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD><INPUT type="checkbox" name="employee_checkbox"
onclick="editFields(this.form, 0)"></TD>
<TD><INPUT type="text" name="emp_no" readonly></TD>
<TD><INPUT type="text" name="last_name" readonly></TD>
<TD><INPUT type="text" name="first_name" readonly></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="employee_checkbox"
onclick="editFields(this.form, 1)"></TD>
<TD><INPUT type="text" name="emp_no" readonly></TD>
<TD><INPUT type="text" name="last_name" readonly></TD>
<TD><INPUT type="text" name="first_name" readonly></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="employee_checkbox"
onclick="editFields(this.form, 2)"></TD>
<TD><INPUT type="text" name="emp_no" readonly></TD>
<TD><INPUT type="text" name="last_name" readonly></TD>
<TD><INPUT type="text" name="first_name" readonly></TD>
</TR>
<TR>
<TD><INPUT type="checkbox" name="employee_checkbox"
onclick="editFields(this.form, 3)"></TD>
<TD><INPUT type="text" name="emp_no" readonly></TD>
<TD><INPUT type="text" name="last_name" readonly></TD>
<TD><INPUT type="text" name="first_name" readonly></TD>
</TR>
</TABLE>
</form>
</BODY>
</HTML>
> hi...
if i am trying to set readonly value this way it is not working in the
way intended... do u know why??
thanQ
----- Original Message -----
From: raji
To: JavaScript HowTo
Sent: Friday, February 07, 2003 12:54 PM
Subject: [javascript_howto] Re: How to make columns READONLY
dynamically ?
hi,
try out in this way :
invoke a function while clicking the check box and within that
function
code as follows :
if (document.getElementById("checkname").checked==true)//checkbox id
document.getElementById("textname").readOnly=false; //textfield id
else
document.getElementById("textname").readOnly=true;
bye,
raji
View Cart
