Entry
How do I make a checkbox invisible in NN4 to disable it?
Jun 7th, 2000 07:50
Martin Honnen,
Here is an example that makes two checkbox hidden in NN4 while they are
disabled in NN6 and IE4+:
<HTML>
<HEAD>
<STYLE>
.hideable {
position: relative;
}
</STYLE>
<SCRIPT>
function toggleReligions (hide) {
if (document.layers) {
var form = document.form2Container.document.form2;
if (hide) {
form.Jerkianity.checked = false;
form.Illame.checked = false;
document.form2Container.visibility = 'hide';
}
else {
document.form2Container.visibility = 'show';
}
}
else if (document.all || document.getElementById) {
var form = document.form2;
if (hide) {
form.Jerkianity.checked = false;
form.Jerkianity.disabled = true;
form.Illame.checked = false;
form.Illame.disabled = true;
}
else {
form.Jerkianity.disabled = false;
form.Illame.disabled = false;
}
}
}
function collectFormData() {
var form1 = document.form1;
var hiddenForm = document.hiddenForm;
hiddenForm.atheist.value =
form1.atheist.checked ? 'on' : 'off';
if (document.layers)
var form2 = document.form2Container.document.form2;
else
var form2 = document.form2;
hiddenForm.Jerkianity.value =
form2.Jerkianity.checked ? 'on' : 'off';
hiddenForm.Illame.value =
form2.Illame.checked ? 'on' : 'off';
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE>
<TR>
<TD VALIGN="top">
<FORM NAME="form1">
Atheist:
<INPUT TYPE="checkbox" NAME="atheist"
ONCLICK="toggleReligions(this.checked);"
>
</FORM>
</TD>
<TD>
<DIV ID="form2Container" CLASS="hideable">
<FORM NAME="form2">
Religion:
<BR>
<INPUT TYPE="checkbox" NAME="Jerkianity">
Jerkianity
<BR>
<INPUT TYPE="checkbox" NAME="Illame">
Illame
</FORM>
</DIV>
</TD>
</TR>
<TR>
<TD>
<FORM NAME="hiddenForm"
ACTION="test12052000.html"
ONSUBMIT="collectFormData(); return true">
<INPUT TYPE="hidden" NAME="atheist">
<INPUT TYPE="hidden" NAME="Jerkianity">
<INPUT TYPE="hidden" NAME="Illame">
<INPUT TYPE="submit">
</FORM>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
