高分求解!!!!!!有关树型结构的问题!!!!
下面是树型结构的代码,不知道为什么,在运行的时候老是呈展开状态,求解!!
<html>
<head>
<title>leftFrame</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script LANGUAGE="JavaScript">
var img1 = new Image();img1.src = ".../images/on.gif";
var img2 = new Image(); img2.src = ".../images/over.gif";
function doOutline() {
var srcId, srcElement, targetElement,srcNum,toggleElement,toggleImage;
srcElement = window.event.srcElement;
if(srcElement.className.toUpperCase()=="LEVEL1")
{
srcID=srcElement.id.substr(0, srcElement.id.length-1);
targetElement=document.all(srcID + "s");
srcElement=document.all(srcID + "i");
srcNum=srcElement.id.substr( 3, 1);
if(targetElement.style.display == "none")
{
for(i=0; i<10; i++){
if(srcNum == i){
targetElement.style.display = "";
if (srcElement.className == "LEVEL1") srcElement.src = img2.src;
}else{
toggleElement = document.all("out" + i + "s");
toggleImage = document.all("out" + i + "i");
}
}
} else {
targetElement.style.display = "none";
if (srcElement.className == "LEVEL1") srcElement.src = img1.src;
}
}
}
document.onclick = doOutline;
</script>
</head>
<body leftmargin="0" topmargin="5" bgcolor="#33CCFF">
<center>
<table width="181" border="0" cellspacing="0" cellpadding="0">
<tr> <a name="tree1"></a>
<input type="hidden" name="tree1" value="12">
<td height="20" width="39"> <a name="12" href="#tree1" onClick=javascript:expands("s1")>
<img src="images/over.gif" width="32" height="16" border="0" name="s1Image">
</a> </td>
<td height="20" width="142"> <a name="12" href="#tree1" class="tree" onClick=javascript:expands("s1")>气体的PVT关系</a>
</td>
</tr>
<tr valign="top">
<td align="right" colspan="2"> <div class=child id="s1childs">
<table width="98" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
<tr>
<td width="17"><a href="" target="mainFrame"><img src="images/line.gif" width="11" height="16" border="0"></a></td>
<td><a href="" class="tree" target="mainFrame"></a></td>
<tr>
</table>
</div></td>
</tr>
.......共8个tree