Данный скрипт проставляет у строк таблицы определенные классы. Т.е. с помощь него можно не только раскрашивать строки, но и менять их шрифт, выравнивание и т.д. согласно CSS. Происходит это после загрузки таблицы, так что в случае неподдерживаемого браузера данные не теряются, просто таблица не будет столь привлекательной. Скрипт должен работать в DOM браузерах (проверялся в IE 5.0,5.5, NN 6.02, Opera 7.03) Для более старых браузеров есть возможность сделать анологичное превращение (Oper'у 5-6 это не касается), но происходить оно будет в процессе загрузки. Подробнее здесь
Суть работы:
Скрипт получает в качестве входных данных ID таблицы, номер схемы классов и кол-во строк в заголовке таблицы (они не красятся)
Функция colorize() получает строки таблицы и для каждой из них запрашивает у функции c() ее класс.
Функция c() содержит в себе информацию о схемах классов, какой был последним. Она также осуществляет проверку корректности введенных данных (в данном случае она выдает случайный набор)
Пример работы:
- 1 -
- 2 -
- 3 -
- 4 -
- 5 -
1_1
1_2
1_3
1_4
1_5
2_1
2_2
2_3
2_4
2_5
3_1
3_2
3_3
3_4
3_5
4_1
4_2
4_3
4_4
4_5
5_1
5_2
5_3
5_4
5_5
6_1
6_2
6_3
6_4
6_5
7_1
7_2
7_3
7_4
7_5
8_1
8_2
8_3
8_4
8_5
9_1
9_2
9_3
9_4
9_5
10_1
10_2
10_3
10_4
10_5
11_1
11_2
11_3
11_4
11_5
12_1
12_2
12_3
12_4
12_5
13_1
13_2
13_3
13_4
13_5
14_1
14_2
14_3
14_4
14_5
15_1
15_2
15_3
15_4
15_5
Исходные стили:
Исходный код:
Итого:
Конечно же такие вещи удобнее и правильнее делать на сервере. Но допустим вы выдали серверным скриптом таблицу, а затем на клиенте предлагаете сортировку или фильтрацию. При этом одинаково раскрашенные строки у вас могут получиться рядом. Перекрасить через строку новую таблицу как раз и позволяет данный скрипт.
<!-- спасибо! -->
: BBCode
: HTML
<!-- внимание! -->
Код, текст и фотографии размещенные на этом сайте принадлежат их автору - Сапронову Артёму Александровичу.
Допускается использование материалов сайта в личных целях.
Приветствуется распространение с обязательным указанием активной гиперссылки на страницу, с которой взят материал.
Запрещается внесение изменений в исходный текст (в том числе синонимизация и рерайт).
Использование материалов сайта в коммерческих целях без согласования с автором запрещено.
Обращайте внимание на даты. Некоторые страницы морально устарели.
Автор не несет отвественности за любые возможные последствия связанные с использованием материалов сайта.
С предложениями, замечаниями или пожеланиями обращайтесь по email.
