I have been working on this stupid function (hideRows)for hours. My variable “id” get’s it’s value. The variable “e2” does not. It’s null. PLEASE HELP!!!
Here is the code:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<HTML><HEAD><TITLE>Untitled Document</TITLE>
<META http-equiv=Content-Type content=”text/html; charset=iso-8859-1″>
<SCRIPT type=text/javascript>
<!–//
function hideShow(element){
var el = document.getElementById(element);
el.style.display = (el.style.display == ‘none’) ? ‘block’ : ‘none’;
}
//–>
<!–//
function hideRows(){
for (i = 0; i <= 5; i++){
id = (‘table’+i);
document.write(id);
var e2 = document.getElementById(id);
document.write(“<br>”+e2);
e2.style.display=’none’;
document.write(“<br>”+i);
}
}
//–>
</SCRIPT>
</HEAD>
<BODY onload=”hideRows()” >
<FORM name=form1 action=”” method=post>
<TABLE width=”75%” border=0>
<TBODY>
<TR>
<TD width=”6%”><INPUT onclick=”hideShow(‘table1’)” type=checkbox
value=1 name=check_1></TD>
<TD width=”94%”>All hardware and software is listed</TD></TR>
<TR>
<TD> </TD>
<TD>
<TABLE id=table0 borderColor=#ff0000 cellSpacing=0 cellPadding=0
width=”40%” border=0>
<TBODY>
<TR>
<TD><INPUT type=radio value=checkbox name=radio> Issue</TD>
<TD><INPUT type=radio value=checkbox name=radio> Minor Issue</TD>
<TD><INPUT type=radio value=checkbox name=radio> Ok</TD>
</TR>
<TR>
<TD align=middle colSpan=3><INPUT size=50></TD>
</TR>
<TR>
<TD> </TD>
</TR>
</TBODY>
</TABLE>
</TD></TR>
<TR>
<TD width=”6%”><INPUT onclick=”hideShow(‘table2’)” type=checkbox
value=1 name=check_2></TD>
<TD width=”94%”>ID number matches manufacturer’s request and chip
label</TD>
</TR>
<TR>
<TD> </TD>
<TD>
<DIV align=left></DIV>
<TABLE id=table1 borderColor=#ff0000 cellSpacing=0 cellPadding=0
width=”40%” border=0>
<TBODY>
<TR>
<TD><INPUT type=radio value=checkbox name=radio2> Issue</TD>
<TD><INPUT type=radio value=checkbox name=radio2> Minor Issue</TD>
<TD><INPUT type=radio value=checkbox name=radio2> Ok</TD>
</TR>
<TR>
<TD align=middle colSpan=3><INPUT size=50></TD>
</TR>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD> </TD>
<TD> </TD></TR></TBODY></TABLE>
<P> </P></FORM></BODY></HTML>