Posted on 2007-06-06 11:01
G_G 阅读(803)
评论(2) 编辑 收藏 所属分类:
javascript
问题：
总是用别人的框架写树以为很难，其实。。。
解决：以 if event.srcElement.id=="foldheader1" 得到选项
var srcIndex = event.srcElement.sourceIndex
再 var nested = document.all[srcIndex+1] 取出选择的下一个 ( +1 )
nested.style.display=' ？？ ' 就可以了
并注意结构是
<选项/>
<url>
//srcIndex+1 下个 可见不可见 就是 <url> <li>...</li>
<li>...</li>
....
</url>
<HEAD>
<SCRIPT language=JavaScript1.2>
function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader1") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
}
else {
nested.style.display="none"
}
}
}
</SCRIPT>
<STYLE>
#foldheader1 { <!-- 图的加入-->
CURSOR: hand; LIST-STYLE: url(../rlzy/images/imbrex.gif)
}
</STYLE>
</HEAD>
<BODY leftMargin=0 rightMargin=0 onload="window.status='';">
<font size="-1">
<!-- DIV id=Layer7 style="HEIGHT: 127px; LEFT: -1px; POSITION: absolute; TOP: 34px; WIDTH: 47px; Z-INDEX: 1"></DIV-->
<DIV id="Layer2" style="HEIGHT: 134px; LEFT: 2px; POSITION: absolute; TOP: 30px; WIDTH: 193px; Z-INDEX: 3">
<UL style="MARGIN-LEFT: 20px">
<li>
<a href="#" onClick="change()" id="foldheader1">乘务员基本档案</a>
<ul id=foldinglist style="''" style="MARGIN-LEFT: 10px">
<li><a href="/rlzy/jcyy/basePersonnelList.do?do=byCorp" target="content">人员基本档案1</a></li>
<li><a href="" target="content">人员基本档案2</a></li>
</ul>
</li>
</UL>
</DIV>
</font>
</BODY>
</html>
<FRAMESET rows="84,*" cols="*" frameborder="no" framespacing="0" border="0">
<FRAME src="header.html" name="header" scrolling="no">
<FRAMESET cols="125,*" frameborder="no" framespacing="0" border="0">
<FRAME name="treefrm" src="dir2.jsp?code=0" scrolling="no">
<FRAME name="content" src="welcome.jsp">
</FRAMESET>
心得：其实很简单，只是你不知道