div form radio buttons non-functional in IE

[Paul THompson]

I am using IE to hide sections of a form. When I display the first
section (name='ea'), the form widgets are not clickable in IE nor do
they accept focus. When I display the 3rd section (name='ec'), the
items in all sections become clickable/accept focus. Has anyone ever
seen anything like this?

There are no problems at all in NN/Firefox/Mozilla.

Here is some of the code - there is rather a lot, so I just display
some of it:

First div section (cut way down)

<div id="ea" style="position:absolute;top:200px;left:5px;visibility:hidden;">
<FORM NAME="zxea" METHOD="POST">
<<TABLE BORDER>
<TR>
<TD><INPUT TYPE="RADIO" OnClick="resetHist();jmpT('_cysta[0]');"
onFocus="GAr(13);iam='_hpkdyn[0]';nxitm='_cysta[0]';"
onBlur="RAr(13);" NAME="_hpkdyn" VALUE="1" &_yhpkdyn1>Yes
<IMG
SRC="&_jsrc./blank.gif"
name="Pointer14" width="15">
<INPUT TYPE="RADIO" OnClick="fixHist();jmpT('_nhcyst[0]');"
onFocus="GAr(14);iam='_hpkdyn[1]';nxitm='_nhcyst[0]';"
onBlur="RAr(14);" NAME="_hpkdyn" VALUE="0" &_yhpkdyn0>No </TD>
</TR>
</TABLE>
</FORM>
</DIV>

Second div section (cut way down)

<div id="eb" style="position:absolute;top:200px;left:5px;visibility:hidden;">
<FORM NAME="zxeb" METHOD="POST">
<TABLE BORDER>
<TR>
<TH ALIGN="left" COLSPAN="24">6. Next</TH>
<TD>
<INPUT TYPE="RADIO" OnClick="jmpT('_bpcyn[0]');"
onFocus="GAr(25);iam='_nhcyst[0]';nxitm='_bpcyn[0]';"
onBlur="RAr(25);" NAME="_nhcyst" VALUE="1" &_ynhcyst1>Yes
<INPUT TYPE="RADIO" OnClick="jmpT('_bpcyn[0]');"
onFocus="GAr(26);iam='_nhcyst[1]';nxitm='_bpcyn[0]';"
onBlur="RAr(26);" NAME="_nhcyst" VALUE="2" &_ynhcyst2>No
</TD>
</TR>
</TABLE>
</FORM>
</DIV>

Third div section (cut way down)

<div id="ec" style="position:absolute;top:200px;left:5px;visibility:hidden;">
<FORM NAME="zxec" METHOD="POST">
<INPUT TYPE="HIDDEN" NAME="_program" VALUE="&_prglb..&_prgnm..sas">
<INPUT TYPE="HIDDEN" NAME="_server" VALUE="&_servname">
<p><b>EXCLUSION CRITERIA</b></p>
<TABLE BORDER>
<TR>
<TH ALIGN="left">1. If the participant is female:</TH>
<TD>
<INPUT TYPE="CHECKBOX" OnClick="jmpT('_ervd[0]');"
onFocus="GAr(61);iam='_femna[0]';nxitm='_preg[0]';"
onBlur="RAr(61);" NAME="_femna" VALUE="1" &_yfemna1>N/A</TD>
</TABLE>
</FORM>
</DIV>

the div sections are made visible by

function togVis(v,name) {
var myVis=document.getElementById(name)
myVis.style.visibility=v : "visible" ? "hidden";
}

where name gets the name of the div section and v is either true or
false

 

[Paul Thompson]

Are the different sections overlaid on the page? If so, you may need to set
the zIndex value of the visible layer to a higher value than the others.

Thanks for that suggestion. I tried to set all the zindex values for
all div sections to 1, and the zindex for the visible section to 2, but
this did not alter the defective behavior.