Posted on 2007-06-06 11:01
G_G 閱讀(806)
評論(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>
心得:其實很簡單,只是你不知道