Логин:

Пароль:

Форумы
Общие вопросы
Document Object Model
Обсуждаем конференцию
Web Usability (test)

Общие вопросы

Играем в прятки

> Спасибо за совет. Смысл такой: на странице несколько таблиц (что-то вроде отчетов с кучей значений - около 40 строк каждая таблица). Чтобы не легче было читать, оставляем только основные значения, остальные скрываем, а вверху таблицы вставляем кнопку "Показать все".

Вешать На <TR> Два Разных Класса. Например, <TR Class=Main> И <TR Class=Detail>. В CSS'ных Стилях Удобно Не Только Дать Detail'ам Изначальную Невидимость, Но И Дать Main'ам И Detail'ам Разное Оформление, Если Хочется:

TR.Detail {Display:None;}

Скрипт Такой:

with(document.getElementById('SomeTbl'))
for(var i=0;i<rows.length;i++)
if(rows[i].className=='Detail')
rows[i].style.display='table-row';

> Как лучше это реализовать, учитывая, что на странице несколько разных таблиц, которые должны обладать таким свойством.

Завернуть Код, Приведенный Выше В Функцию:

function ExpandTable(Table){
with(Table)
for(var i=0;i<rows.length;i++)
if(rows[i].className=='Detail')
rows[i].style.display='table-row';
}//ExpandTable

А Ее Уже Вызывать Для Каждой Таблицы. А Там Уже Как Удобней, Либо По Отдельности Прописывать Каждый Вызов (ExpandTable(document.getElementById('...'));), Либо Брать Все Таблицы В Массив (document.getElementsByTagName('TABLE');) И С Ними Разбираться В Цикле.
СообщениеАвторДата
Гость16.06.2002 21:00
Maniac16.06.2002 23:26
Гость17.06.2002 02:20
Maniac17.06.2002 09:17
Свой17.06.2002 11:47
Leechy17.06.2002 09:34
Arefiev05.07.2004 11:02
Свой17.06.2002 11:49
Leechy17.06.2002 09:38