Посоветуйте, как скрыть несколько рядов таблицы.

[Alexey Menshikov]

Вот такая у меня задача: есть таблица, допустим в ней 5 рядов, первый ряд это заглавие, остальные это данные. Так вот мне необходимо ряды с данными скрыть, до момента клика пользователем в указанное место.

[Victor Ananiev]

до клика низя, но на джс так:

<script type="text/javascript">
function show()
{
 document.getElementById('hidden').style.display="table-row";
}
function hide()
{
 document.getElementById('hidden').style.display="none";
}
function show_hide()
{
 if(document.getElementById('hidden').style.display=="none")
{
 show();
}
else
{
 hide();
}
}
</script>
<table>
<tr><td><input type="button" onclick="show_hide();" /></td></tr>
<tr id="hidden"><td></td></tr>
</table>

[Vialls]

Почему нельзя до клика? Можно:

<script type="text/javascript">
	  document.onload = function()
	  {
		  hide();
	  }

А можно в CSS просто прописать по умолчанию:

#hidden
{
  display: none;
}

Edited December 25, 2008 by Vialls

[Victor Ananiev]

  Quote

Почему нельзя до клика?

Ты видел в каком форуме эта тема "CSS" На ЦСС до клика нельзя!!!. Тем более твой способ обламывается при выключенном джс, тогда нельзя показать строку. А когда через джс прятать, то при выключенном показывается блок)

[Vialls]

  Victor Ananiev said:

Ты видел в каком форуме эта тема "CSS"

Так, ты сам все на JS написал...

  Quote

На ЦСС до клика нельзя!!!.

Можно, но:

  Quote

твой способ обламывается при выключенном джс, тогда нельзя показать строку.

  Quote

А когда через джс прятать, то при выключенном показывается блок)

А в твоем коде, он вообще в любом случае показывается...

И в наше-то время, кто выключает JavaScript??? 0.001% пользователей рунета...

Edited December 25, 2008 by Vialls

[Victor Ananiev]

<script type="text/javascript">
window.onload=function()
{
document.getElementById('hidden').style.display="none";
}
function show()
{
document.getElementById('hidden').style.display="table-row";
}
function hide()
{
document.getElementById('hidden').style.display="none";
}
function show_hide()
{
if(document.getElementById('hidden').style.display=="none")
{
show();
}
else
{
hide();
}
}
</script>
<table>
<tr><td><input type="button" onclick="show_hide();" /></td></tr>
<tr id="hidden"><td></td></tr>
</table>

Теперь скрывается, а на пользователей которые вырубают джс все равно расчитывать надо)

БЛИИН ну нельзя на цсс обрабатывать событие онклик!!!!!!! Написал на джс, и выше написал что на цсс нельзя, а джс единственный выход!

[Vialls]

  Victor Ananiev said:

Теперь скрывается, а на пользователей которые вырубают джс все равно расчитывать надо)

Теперь скрывается, как я с самого начала и написал

  Quote

БЛИИН ну нельзя на цсс обрабатывать событие онклик!!!!!!! Написал на джс, и выше написал что на цсс нельзя, а джс единственный выход!

Естественно нельзя Просто ты написал, что нельзя скрыть на CSS до клика:

  Quote

На ЦСС до клика нельзя!!!

Хватит спорить, не люблю спорить

[user]

<table>
<tr><td>Заглавие</td></tr>
<tbody style='display:none;' id='hidden'>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</tbody>
</table>
<input type='button' onclick='show_hide();'>

Show_hide() описано выше.Если нажимать не на ссылку,то без JS никак не выйдет.Иначе можно подумать.Если не боитесь невалидности.

[Victor Ananiev]

а если на ссылку был прикол с A:focus но это изврат)