Пытаюсь сделать небольшой expand/collapse, но тут же наткнулся на багу с отображением.
Здесь тестовый html.
После сворачивания/разворачивания подтаблица теряет аттрибут/стиль width=100%.

В IE6 всё впорядке, глючат только Opera 9.63 и Mozilla 3.0.10.
В чём проблема?

Здравствуйте, Vain, Вы писали:

V>В IE6 всё впорядке, глючат только Opera 9.63 и Mozilla 3.0.10.
Кому интересно, как оказалось сей документ говорит о том, что надо исползовать что-то вроде стиля "display:table-row". Но вот беда, оно не работает в IE6. А ещё говорят отделять представление от данных, ну-ну.

Vain wrote:

> В IE6 всё впорядке, глючат только Opera 9.63 и Mozilla 3.0.10.
> В чём проблема?
Проблема, как в большинстве случаев, в IE. Используй какую-нибудь библиотеку типа jQuery, которая разруливает эту ситуацию.

Здравствуйте, Vain, Вы писали:

V>Пытаюсь сделать небольшой expand/collapse, но тут же наткнулся на багу с отображением.
V>Здесь тестовый html.
V>После сворачивания/разворачивания подтаблица теряет аттрибут/стиль width=100%.
V>
V>В IE6 всё впорядке, глючат только Opera 9.63 и Mozilla 3.0.10.
V>В чём проблема?

Vain, действительно, отображение строк таблиц в разных браузерах происходит по-разному, где-то это может быть блочный элемент (и тогда мы можем для отображени задать display: block; , где-то необходимо указывать что это строка таблицы display: table-row;

Могу предложить Вам универсальный способ (без использования дополнительных библиотек типа jQuery, как тут уже советовали):
чтобы скрыть строку: добавляйте к ней класс новый, например class='invisible'
в css файле для этого класса пишите стиль:
.invisible {
display: none;
}

А когда нужно отобразить строку, то убираете у неё этот класс (И браузер автоматически применит тот способ отображения, который он использует — table-row или block)

Здравствуйте, ASPa, Вы писали:

ASP>А когда нужно отобразить строку, то убираете у неё этот класс (И браузер автоматически применит тот способ отображения, который он использует — table-row или block)
Вот написал две функции для этого если кому интересно:

function addClassName(item,name)
{
  if(item.className.length == 0)
  {
    item.className = name;
  }
  else
  {
    item.className += "; "+name;
  }
}

function removeClassName(item,name)
{
  var nameOffset = item.className.indexOf(name);
  if(nameOffset == -1)
  {
    return false;
  }

  if(nameOffset > 1 && item.className.substr(nameOffset-2,2) === "; ")
  {
    item.className = item.className.replace("; "+name,"");
  }
  else
  {
    item.className = item.className.replace(name,"");
  }

  return true;
}