Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Выделение строк разного цвета
Форумы портала PHP.SU » PHP » Программирование на PHP » Выделение строк разного цвета

Страниц (1): [1]
 

1. Kubert - 20 Августа, 2010 - 10:57:36 - перейти к сообщению
У меня некий список я его вывожу из базы, но появилась желание, а потом уже и интерес как же сделать выделение четных строк другим цветом...
2. Viper - 20 Августа, 2010 - 11:22:18 - перейти к сообщению
можно(и уже нужно) использовать CSS3 Улыбка

CODE (html):
скопировать код в буфер обмена
  1. selector:nth-child(odd) {
  2.         background-color: #fafafa;
  3. }


где selector либо tr для таблицы либо li для списков

на php:

PHP:
скопировать код в буфер обмена
  1. $c = true;
  2. foreach($data as $row)
  3.     echo '<div'.(($c = !$c)?' class="odd"':'').">$row</div>";
  4. ...


и далее тем же самым CSS
CODE (html):
скопировать код в буфер обмена
  1. .odd {
  2.         background-color: #fafafa;
  3. }
3. Kubert - 20 Августа, 2010 - 12:32:45 - перейти к сообщению
пасиб!
4. JustUserR - 20 Августа, 2010 - 20:24:56 - перейти к сообщению
Viper пишет:
Можно(и уже нужно) использовать CSS3
Для реализации цветного выделения строк в таблице согласно их кратным позициям можно исопльзовать JS-скрипт - это позволит создать универсальное решение которое к тому же можно использовать для динамически загружаемого ил генерируемого содержимого
Kubert Конкретно в DOM-модели выбирается объекты нужной таблицы - и осуществляется его дальшейший построчный просмотр с возможность установки любых CSS-параметров - в зависимости от порядка следования или шаблона находящейся в нем информации Кроме того в браузере Internet explorer можно использовать унифицированные выражение expression - для расчет некоторого динамичского параметра при выполнении документа в автоматическом режиме
5. Kubert - 17 Сентября, 2010 - 16:44:08 - перейти к сообщению
чегото не получилось...
6. JustUserR - 17 Сентября, 2010 - 23:16:44 - перейти к сообщению
Kubert пишет:
Чегото не получилось...
В случае еслиу вас имеется готовый объекта таблицы на генерируемой HTML-странице и вам необходимо произвести установку цветов для ее строк в соответствии с некоторым указанным порядком - то можно использовать клиентскую JS-фунцию которая будет это реализовывать В частности если ваша таблица имеет идентификатор tbl - то для установки чередующихся цветов в строках можно использовать примерно такой JS-код
CODE (text):
скопировать код в буфер обмена
  1. for(var i=0;i<document.all["tbl"].childNodes.length;i++)
  2. {if(i%2==0) {document.all["tbl"].childNodes[i].style.backgroundColor="#ACACAC"}
  3. else {document.all["tbl"].childNodes[i].style.backgroundColor="#3C3C3C"}
  4. }

 

Powered by ExBB FM 1.0 RC1