posts - 165, comments - 198, trackbacks - 0, articles - 1
            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

          用javascript 建 tree

          Posted on 2007-06-06 11:01 G_G 閱讀(810) 評論(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>


          心得:其實很簡單,只是你不知道


          評論

          # re: 用javascript 建 tree  回復  更多評論   

          2007-07-28 14:05 by 金大為
          srcElement是IE的專有屬性。其他瀏覽器就等死吧。

          # re: 用javascript 建 tree[未登錄]  回復  更多評論   

          2007-08-01 09:17 by G_G
          謝謝提醒
          主站蜘蛛池模板: 崇明县| 化州市| 田阳县| 宁安市| 莱州市| 会泽县| 雅江县| 嘉峪关市| 沾益县| 金秀| 美姑县| 和静县| 伊通| 惠安县| 富阳市| 农安县| 钟山县| 绥化市| 辽中县| 洪雅县| 吕梁市| 清水县| 肇东市| 宝兴县| 垣曲县| 横峰县| 三穗县| 皮山县| 磐安县| 隆安县| 东兰县| 临夏县| 林芝县| 财经| 昆山市| 亳州市| 万载县| 临沂市| 肥西县| 怀来县| 科尔|