Играем в прятки> Спасибо за совет. Смысл такой: на странице несколько таблиц (что-то вроде отчетов с кучей значений - около 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');) И С Ними Разбираться В Цикле. |