На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Поиск Участники Календарь Избранное RSS
msm.ru
Модераторы: ElcnU, ANDLL, fatalist
Страницы: (2) 1 [2]  все  ( Перейти к последнему сообщению )  
> Как реализовать структуру дерева?
Астарот
Сообщ. #16 ,
    Unregistered
    Цитата
    Mixxx, 9.09.04, 10:00
    А что такое hidden?

    Пардон, был не прав, исправлюсь. Попутался с абсолютно другой вещью. :wall: Глюк-с... :blink:
    Суть_Зла
    Сообщ. #17 ,
      Unregistered
      Вот примерчиков парочка, написано за 15 минут, так что
      не пужайтесь сильно ;)
      Читать с форума, наверное, невозможно, но если скопировать...
      Пара недостатков: жестко привязан к конструкции таблиц
      (для другой структуры будет необходимо немного переписать скрипты).
      А еще разобраться сложно :D

      ExpandedWrap disabled
         
        <html>
        <head>
        <style type="text/css">
        .ultd {
          border-bottom: 1px solid black;
        }
        .ultd {
          border-up: 1px solid black;
        }
        </style>
         
        <script language="JavaScript">
            function Toggle(node,tagDes) {
              if (node.nextSibling.nextSibling.style.display == 'none') {
                if (node.children.length > 0) {
                    if (node.children.item(0).tagName == "IMG") {
                      node.children.item(0).src = "minus.gif";
                    }
                }
                node.nextSibling.nextSibling.style.display = 'block';
                DoSize(document.all['upperTr'],tagDes,1);
                DoSizeL(document.all['upperTr'],tagDes,1);
              } else {
                if (node.children.length > 0) {
                  if (node.children.item(0).tagName == "IMG") {
                    node.children.item(0).src = "plus.gif";
                  }
                }
                node.nextSibling.nextSibling.style.display = 'none';
                DoSize(document.all['upperTr'],tagDes,2);
                DoSizeL(document.all['upperTr'],tagDes,2);
              }
            }
         
            function DoSizeL(node,tagDes,opcl) {
              if (node.nextSibling) {
                if (node.children.length>0) {
                  for (i=0; i<node.nextSibling.children.item(0).children.item(0).children.item(0).children.length; i++) {
                    if (node.nextSibling.children.item(0).children.item(0).children.item(0).children.item(i).className=='i'+tagDes+'i') {
                      if (opcl==1) {node.nextSibling.children.item(0).children.item(0).children.item(0).children.item(i).style.display='block'; }
                      else { node.nextSibling.children.item(0).children.item(0).children.item(0).children.item(i).style.display='none'; }
                    }
                  }
                }
                DoSizeL(node.nextSibling,tagDes,opcl);
              }
            }
         
            function DoSize(node,tagDes,opcl) {
              if (node.nextSibling) {
                if (node.nextSibling.className=='i'+tagDes+'i') {
                  if (opcl==1) { node.nextSibling.style.display='block'; }
                  else { node.nextSibling.style.display='none'; }
                }
                DoSize(node.nextSibling,tagDes,opcl);
              }
            }
         
        </script>
        </head>
         
        <body style="font-family: serif, Arial; font-size: 11;">
        <center>
        <table cellspacing="0" cellpadding="0">
        <tr style="background: #AAAAAA; height: 35px; position: relative;"><td colspan="2"><img align="left" style="position: relative; top: 7; left: -3;" src="down2.gif" border="0"><div style="position: relative; top: 11; left: -3; font-size: 13;">Московская ж.д.</div>&nbsp<div align="right" style="position: absolute; top: 11; font-size: 13; right: 0;"><b>ВНИИАС. Пример дерева.&nbsp&nbsp&nbsp</b></div></td></tr>
        <tr><td style="width: 130px; border-left: 1px solid black;"><div style="position: relative; top: 0; left: 0; width: 100%; height: 100%;">
        <TABLE cellspacing="0" cellpadding="0" BORDER="0" style="border-bottom: 1px solid black; width: 100%;">
          <tr><td style="width: 100%;">
            <a onClick="Toggle(this,'1');">&nbsp<IMG src="plus.gif" style="cursor: hand;" Click="alert('');"></a><font> C:\</font><DIV style="display: none; position: relative; left: 10;">
              <table cellspacing="0" cellpadding="0" border="0">
                <tr><td>
                  <a onClick="Toggle(this,'2');">&nbsp<IMG src="plus.gif" style="cursor: hand;"></a><font> Program Files</font><DIV style="display: none;">
                    <table cellspacing="0" cellpadding="0" border="0">
                      <tr><td>&nbsp&nbsp&nbsp&nbsp<IMG src="dot.gif"> setup.exe</td></tr>
                      <tr><td>&nbsp&nbsp&nbsp&nbsp<IMG src="dot.gif"> MSoffice.exe</td></tr>
                      <tr><td>&nbsp&nbsp&nbsp&nbsp<IMG src="dot.gif"> conf.txt</td></tr>
                    </table>
                  </DIV>
                </td></tr>
                <tr><td>
                  <a onClick="Toggle(this,'3');">&nbsp<IMG src="plus.gif" style="cursor: hand;"></a><font> Works</font><DIV style="display: none;">
                    <table cellspacing="0" cellpadding="0" border="0">
                      <tr><td>&nbsp&nbsp&nbsp&nbsp<IMG src="dot.gif"> java.java</td></tr>
                      <tr><td>&nbsp&nbsp&nbsp&nbsp<IMG src="dot.gif"> jsp.jsp</td></tr>
                    </table>
                  </DIV>
                </td></tr>
                <tr><td>
                  <a onClick="Toggle(this,'4');">&nbsp<IMG src="plus.gif" style="cursor: hand;"></a><font> Windows</font><DIV style="display: none;">
                    <table cellspacing="0" cellpadding="0" border="0">
                      <tr><td>&nbsp&nbsp&nbsp&nbsp<IMG src="dot.gif"> win.exe</td></tr>
                    </table>
                  </DIV>
                </td></tr>
              </table>
            </DIV>
          </td></tr>
          <tr><td style="width: 100%;">
            <a onClick="Toggle(this,'5');">&nbsp<IMG src="plus.gif" style="cursor: hand;" Click="alert('');"></a><font> D:\</font><DIV style="display: none; position: relative; left: 20;">
              <table cellspacing="0" cellpadding="0" border="0">
                <tr><td>
                  <a onClick="Toggle(this,'6');">&nbsp<IMG src="plus.gif" style="cursor: hand;"></a><font> autorun</font><DIV style="display: none;">
                    <table cellspacing="0" cellpadding="0" border="0">
                      <tr><td>&nbsp&nbsp&nbsp&nbsp<IMG src="dot.gif"> autorun.inf</td></tr>
                    </table>
                  </DIV>
                </td></tr>
              </table>
            </DIV>
          </td></tr>
        </TABLE></td><td>
        <div style="position: relative; top: 0; left: 0; width: 500px;">
        <TABLE cellspacing="0" cellpadding="0" style="border-right: 1px solid black; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;">
          <tr><td width="700">
              <table cellspacing="0" cellpadding="0">
                 <tr name="upperTr" id="upperTr" width="700px"><td>
                   <table cellspacing="0" cellpadding="0">
                     <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr>
                     <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr>
                   </table>
                   </td>
                 </tr>
                 <tr class="i1i" style="display: none;"><td>
                   <table cellspacing="0" cellpadding="0">
                     <tr><td>
                       <table cellspacing="0" cellpadding="0">
                         <td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr>
                       </table>
                     </td></tr>
                     <tr class="i2i" style="display: none;"><td>
                       <table cellspacing="0" cellpadding="0">
                         <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr>
                         <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr>
                         <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr>
                       </table>
                     </td></tr>
                   </table>
                 </td></tr>
                 <tr class="i1i" name="aaa" id="aaa" style="display: none;"><td>
                   <table cellspacing="0" cellpadding="0">
                     <tr><td>
                       <table cellspacing="0" cellpadding="0">
                         <td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr>
                       </table>
                     </td></tr>
                     <tr class="i3i" style="display: none;"><td>
                       <table cellspacing="0" cellpadding="0">
                         <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr>
                         <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr>
                       </table>
                     </td></tr>
                   </table>
                 </td></tr>
                 <tr class="i1i" name="aaa" id="aaa" style="display: none;"><td>
                   <table cellspacing="0" cellpadding="0">
                     <tr><td>
                       <table cellspacing="0" cellpadding="0">
                         <td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr>
                       </table>
                     </td></tr>
                     <tr class="i4i" style="display: none;"><td>
                       <table cellspacing="0" cellpadding="0">
                         <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr>
                       </table>
                     </td></tr>
                   </table>
                 </td></tr>
                 <tr class="i5i" name="aaa" id="aaa" style="display: none;"><td>
                   <table cellspacing="0" cellpadding="0">
                     <tr><td>
                       <table cellspacing="0" cellpadding="0">
                         <td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr>
                       </table>
                     </td></tr>
                     <tr class="i6i" style="display: none;"><td>
                       <table cellspacing="0" cellpadding="0">
                         <tr><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td><td width="100"><center>-</center></td></tr>
                       </table>
                     </td></tr>
                   </table>
                 </td></tr>
              </table>
          </td></tr>
        </TABLE>
        </center>
        </body>
         
        </html>
      SergeS
      Сообщ. #18 ,

        Master
        ******
        Профиль · PM
        Поощрения: 50 Dgm
        Рейтинг (т): 31
        Суть_Зла,
        1. пользуй свой ник, который ты уже зарегил !
        2. ето можно было и приатачить еслиб ты выполнил пункт 1.
        Суть Зла
        Сообщ. #19 ,

          Senior Member
          ****
          Профиль · PM
          Рейтинг (т): 29
          offtop: понял, понял, каюсь-каюсь... больше не буду.

          PS: то-то я думал, где аттач?? :D
          0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)
          0 пользователей:
          Страницы: (2) 1 [2]  все


          Рейтинг@Mail.ru
          [ Script execution time: 0,0272 ]   [ 15 queries used ]   [ Generated: 27.04.24, 20:38 GMT ]  
          Powered by Invision Power Board(U) v1.2 © 2003  IPS, Inc.