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

  • Автор темы vlad007
  • Дата начала
V

vlad007

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

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

Код:
<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>