На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Участники Календарь Избранное RSS
msm.ru
Модераторы: ElcnU, ANDLL, fatalist
  
> Как скрывать строки в таблице? , это, пожалуй, надо на java писать...
    Я с java не очень-то дружу, а дело вот в чем. Есть таблица, в которой нужно динамически по выбору пользователя скрывать/показывать строки. Скажем, показывать строки только с определенной датой. Как это можно сделать?
    Заранее спасибо :)
      ExpandedWrap disabled
         
        <script language="JavaScript">
        <!--
        function func1(dateToDel)
        {
        var gv=document.getElementById("asd");
        var gv2=-1;
         
        for (var i=0;i<gv.rows.length;i++)
         {
         // След. строка: 2*2 - это (номер столбца)*2 (т.е. "Дата")
         if (gv.rows[i][2*2][0].nodeValue==dateToDel) gv2=i;
         }
        if (gv2!=-1) gv.rows[gv2].parentNode.removeChild(gv.rows[gv2])
         
        var gv3=gv.style.display; // Перерисовываем таблицу
        gv.style.display='none';
        gv.style.display=gv3;
        }
        //-->
        </script>


      ExpandedWrap disabled
         
        <a href="javascript:func1('02.01.2004');">Удалить строку 02.01.2004</a>
        <br><br>
         
        <table id=asd border=1 width=100% cellspacing=1 cellpadding=5>
         
        <tr>
        <th width=30%>123</th>
        <th width=50%>456</th>
        <th width=20%>Дата</th>
        </tr>
         
        <tr>
        <td>qwe</td>
        <td>zxc</td>
        <td>01.01.2004</td>
        </tr>
         
        <tr>
        <td>123</td>
        <td>xvb</td>
        <td>02.01.2004</td>
        </tr>
         
        <tr>
        <td>uyu</td>
        <td>xcv</td>
        <td>03.01.2004</td>
        </tr>
         
        </table>
        </body>


      ЗЫ. Работает только в Опере...
        Переделал пример Mastilior'a
        теперь работает везде в большем количестве браузеров

        ExpandedWrap disabled
           
          <script language="JavaScript">
          <!--
          function func1(dateToDel)
          {
          var gv=document.getElementById("asd");
          var gv2=-1;
           
          for (var i=0;i<gv.rows.length;i++)
           {
              if (gv.rows[i].cells[2].firstChild.nodeValue==dateToDel) gv2=i;
           }
          if (gv2!=-1) gv.deleteRow(gv2)//gv.rows[gv2].parentNode.removeChild(gv.rows[gv2])
           
          }
          //-->
          </script>
          Спасибо! Интересно, а что-то менее жестокое типа
          ExpandedWrap disabled
            gv2.style.display = 'none';
          пойдет? :unsure:
            такое gv2.style.display = 'none'; должно пойти
              Цитата
              Violet wrote:
              Спасибо! Интересно, а что-то менее жестокое типа
              gv2.style.display = 'none';
              пойдет?

              В варианте Mixxx'а нет необходимости в перерисовке таблицы, так что don't you matter ;)
              0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)
              0 пользователей:


              Рейтинг@Mail.ru
              [ Script execution time: 0,0296 ]   [ 15 queries used ]   [ Generated: 2.05.24, 23:43 GMT ]