скрипт скрытия / отображения текста без перезагрузки

Тема в разделе "Java", создана пользователем vlad007, 20 окт 2009.

  1. vlad007

    vlad007 Гость

    помогите, пожалуйста.
    сделал яваскрипт, а он в опере 10ой не работает.
    т.е. текст работает, а вот в отношении строк таблицы - нет.

    в чем может быть загвоздка?

    Код (Text):
    <html>
    <head>
    <title></title>
    <style type="text/css">
    <!--
    .tr_shown {}
    .tr_hidden {display:none;}
    -->
    </style>

    <script>

    function setUpTableTrs(table_id, dest){
    var
    dest = dest==null?1:dest,
    tb = document.getElementById(table_id),
    trs = tb.getElementsByTagName("tr"),
    len = trs.length,
    visible = 3
    ;
    for(var t=0;t<len;t++)
    trs[t].className = dest?'tr_shown':(t<visible?'tr_shown':'tr_hidden');
    }


    </script>
    </head>
    <body>
    <table border="0" cellpadding="1" cellspacing="1" width="96%" id="some_id">
    <tr bgcolor="#981b1e">
    <td></td><!-- Col 1 -->
    <td><p><b>Пакет 1</b></td><!-- Col 2 -->
    <td><p><b>Пакет 2</b></td><!-- Col 3 -->
    <td><p><b>Пакет 3</b></td><!-- Col 4 -->
    <td><p><b>Пакет 4</b></td><!-- Col 5 -->
    </tr>
    <tr bgcolor="#d3d3d3"><!-- Row 3 -->
    <td bgcolor="#981b1e"><p><b>стоимость</b></td><!-- Col 1 -->
    <td><p><strong>1 р.</strong></td><!-- Col 2 -->
    <td><p><strong>2 р.</strong></td><!-- Col 3 -->
    <td><p><strong>3 р.</strong></td><!-- Col 4 -->
    <td><p><strong>4 р.</strong></td><!-- Col 5 -->
    </tr>

    <tr bgcolor="#eeeeee" class="tr_hidden"><!-- Row 4 -->
    <td bgcolor="#981b1e"><p><b>Минимальный срок договора</b></td><!-- Col 1 -->
    <td colspan="2"><p>1 мес.</td><!-- Col 2 -->
    <td><p>2 мес.</td><!-- Col 4 -->
    <td><p>3 мес.</td><!-- Col 5 -->
    </tr>
    <tr bgcolor="#d3d3d3" class="tr_hidden"><!-- Row 5 -->
    <td bgcolor="#981b1e"><p><b>Общий объем оказываемых услуг</b></td><!-- Col 1 -->
    <td><p>1 часов<br></td><!-- Col 2 -->
    <td><p>2 часов<br></td><!-- Col 3 -->
    <td><p>3 часов<br></td><!-- Col 4 -->
    <td><p>4 часов<br></td><!-- Col 5 -->
    </tr>
    </table>
    <p><i><a id="a1" href="java script:setUpTableTrs('some_id');" onclick="this.innerHTML=''; document.all.a2.innerHTML='Скрыть условия'; document.all.adding.className='';">Показать все условия</a> <a id="a2" href="java script:setUpTableTrs('some_id',0);" onclick="this.innerHTML=''; document.all.a1.innerHTML='Показать все условия'; document.all.adding.className='tr_hidden'; location.href = '#paketi';"></a></i>

    <p>Тут текст.
    <div id="adding" class="tr_hidden">
    <p>Тут выпадающий скрытый текст
    </div>
    </body>
    </html>
     
Загрузка...
Похожие Темы - скрипт скрытия отображения
  1. amstrot
    Ответов:
    1
    Просмотров:
    71
  2. nml
    Ответов:
    2
    Просмотров:
    146
  3. anon
    Ответов:
    0
    Просмотров:
    392
  4. serauto79
    Ответов:
    1
    Просмотров:
    862
  5. deeeman
    Ответов:
    1
    Просмотров:
    743

Поделиться этой страницей