VPF::Скрыть и показать колонки в таблице

sergejzr

Дата 9.5.2006, 12:29 (ссылка)

(нет голосов)

Загрузка ...

Un salsero
Group Icon

Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 10
Всего: 360

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

Что делал я:
Давал каждой ячейке <td> имя причём в одной колонке только ячейки с одинаковыми именами.
Потом по имени брал коллекцию. и сажал style.display='none'

Но это работает только в мозилле..

Есть более элегантный способ?

--------------------

Me.
FB.
LinkedIn.
ORCID.
YT.

12345c

Дата 9.5.2006, 15:19 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Можно одним действием изменить каскадный стиль класса.

Типа как здесь:

Код

<B>Сменить стиль группы элементов (одним действием)</B><br><br>
<style>
    .grayBackG{background-color:#dddddd;}
    .rosyBackG .grayBackG{background-color:#eecccc;}
</style>
<div id=d1>
<input name=m[] value=0><br>
<input name=m[] value=1 class=grayBackG><br>
<input name=m[] value=2><br>
<input name=m[] value=3 class=grayBackG><br>
<input name=m[] value=4><br>
<input type=button
    onclick=o=document.all.d1;o.className=o.className!='rosyBackG'?'rosyBackG':''
    value=to_rosyBackGr>
</div>

Но проблемы с IE, видимо, будут те же. Чтобы не было, применяем стили к внутренностям ячеек, а таблицу делаем с td{padding:0} и table{border-collapse:collapse}, т.е. без зазоров между ячейками.

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »