показ/скрытие строки таблицы

[Sserg-135]

В таблице есть скрытая строка:

<TR COLSPAN=4 ID='other_model_TR' style='display:none;'>";
		print "<TD CLASS='head' style='text-align:right;'>введите модель вручную:</TD>";
		print "<TD CLASS='data'><input ID='other_model' name='other_model' type='text' value=''></TD>";
		print "<TD CLASS='head'></TD><TD CLASS='data'></TD>";
	print "</TR>

при выборе определенной опции списка, выполняется функция которая показывает эту скрытую строку:

function aaa()
{
var block = document.getElementById('other_model_TR' ) 
if ( условие ){
	// если выбрана опция 
	// то показывем поле ручного ввода
	   block.style.display = "block";
	} else{
		block.style.display = "none";
   }

}

В IE опять все прекрасно работает, строчка убирается и показывается целиком, а в Лисе3,0

строка сбивается влево , ширина всех четырех ячеек таблицы уменьшается до ширины первой ячейки , а на их месте пустое место цвета фона.

Что я сделал не так? Может к тэгу

[homm]

Потому что у TR display не block, если что.

[Sserg-135]

а как тогда можно убрать/показать строку? без ухищрений типа встроенного дива внутри?

[yopopt]

Так:

block.style.display = "";

А правильнее так:

block.style.display = "table-row";

А ещë правильнее менять классы.

[homm]

в try присвавать верное значение ?table-row?, в except ? ?block?

[klierik]

А правильнее так:

block.style.display = "table-row";

А ещë правильнее менять классы.

мне кажется что эта запись неверна, так как согласно: http://htmlbook.ru/css/display.html

значение "table-row" не распознает IE.

[Sserg-135]

Помогло block.style.display = "";

а block.style.display = "table-row"; действительно в эксплорере не работает

Спасибо!

PS Век живи век учись

[yopopt]

А правильнее так:

block.style.display = "table-row";

А ещë правильнее менять классы.

мне кажется что эта запись неверна, так как согласно: http://htmlbook.ru/css/display.html

значение "table-row" не распознает IE.

Ну и что? Я же не писал для ИЕ, а написал как правильнее по "стандартам" w3c. Так-что всë верно.

[mujeek]

у меня похожая проблема: есть таблица

<table>
   <THEAD onclick=f('table1')>
		<TR>
			<TH> 
				Разделы
			 </TH>
		  </TR>

   </THEAD>
   <TBODY ID='table1' STYLE='display:none;'>
		 <tr><td>Раздел1</td></tr>
		 <tr><td>Раздел2</td><tr>
   </TBODY>
</table>

и JavaScript функция

  function f(s)
  {
	  var tabObj=document.getElementById(s);
	  if (tabObj.style.display='none')
	   {tabObj.style.display='block'}
	 else
	   {tabObj.style.display='none'}
  }

В Опере и Эксплорере работает как и должно, в Лисе с каждым кликом на ШАпке таблицы расстояние между заголовком и телом таблицы увеличивается... Все margin и padding по нулям... как от этого избавиться?

[s0rr0w]

у меня похожая проблема: есть таблица

А выше по ветке почитать решение религия не позволяет?

P.S. Лучший способ, по моему мнению, это добавлять и убирать класс, а не играться с присвоением display значения.

[mujeek]

А выше по ветке почитать решение религия не позволяет?

P.S. Лучший способ, по моему мнению, это добавлять и убирать класс, а не играться с присвоением display значения.

Выше по ветке читал, но к сожалению не работает это дело, но к счастью понял в каком направлении искать=) в моём случае надо не table-row ставить, а table-row-group. но есть один момент: на сайте написано, то это свойство CSS IE не поддерживает, но тем не менее в моём случае все работает и в ИЕ (6) и в Опере? стоит оставлять это, или все таки лучше прописывать свойство в зависимости от браузера?

Edited January 21, 2009 by mujeek

[s0rr0w]

Выше по ветке читал, но к сожалению не работает это дело, но к счастью понял в каком направлении искать=) в моём случае надо не table-row ставить, а table-row-group. но есть один момент: на сайте написано, то это свойство CSS IE не поддерживает, но тем не менее в моём случае все работает и в ИЕ (6) и в Опере? стоит оставлять это, или все таки лучше прописывать свойство в зависимости от браузера?

А поставить пустое значение ("") вы не смогли прочитать?

[mujeek]

А поставить пустое значение ("") вы не смогли прочитать?

[wr123]

А если необходимо скрыть не одну, а несколько строк в таблице. Причём они идут не подрят. Пробовал всем задать одинаковый ID, но в таком случае изменяется только первая строка с данным ID, а остальные нет. Можно ли каким нибуть способом выставлять видимость сразу для группы и по какому признаку их объединить?

[s0rr0w]

А если необходимо скрыть не одну, а несколько строк в таблице. Причём они идут не подрят. Пробовал всем задать одинаковый ID, но в таком случае изменяется только первая строка с данным ID, а остальные нет. Можно ли каким нибуть способом выставлять видимость сразу для группы и по какому признаку их объединить?

На StateController'е можно реализовать это за 5 секунд. Потом можно будет скрывать любые строки, и не только таблицы.

[danie]

<tr title="Кликлине для раскрытия деталей" onclick="showInfo('.$i.')">
<td></td>
</tr>
<tr id="'.$i.'" style="display: none">
...

функция:

<script language=Javascript>
function showInfo(id)
var row = document.getElementById(\'"\'+id+\'"\');
{
if row.style.display=="none";
{
row.style.display="";
}
else
row.style.display="none";
}
</script>

почему этот код у меня не хочет раскрывать/скрывать строки таблицы по id??