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

          用javascript 建 tree

          Posted on 2007-06-06 11:01 G_G 閱讀(820) 評論(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
          謝謝提醒
          主站蜘蛛池模板: 鄂托克前旗| 会东县| 磐石市| 潞西市| 安龙县| 图们市| 建瓯市| 芒康县| 阿图什市| 苍溪县| 乐都县| 榆社县| 锦州市| 太和县| 淳安县| 阜新市| 安阳县| 江陵县| 获嘉县| 黄浦区| 永靖县| 丹巴县| 永新县| 巴马| 万山特区| 宜兴市| 观塘区| 浏阳市| 沛县| 新化县| 西乌珠穆沁旗| 和顺县| 新邵县| 潞城市| 湘乡市| 湖南省| 揭西县| 临澧县| 襄城县| 盈江县| 四川省|