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

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

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Без описания
Kubert
Отправлено: 20 Августа, 2010 - 10:57:36
Post Id



Частый гость


Покинул форум
Сообщений всего: 186
Дата рег-ции: Февр. 2010  


Помог: 3 раз(а)




У меня некий список я его вывожу из базы, но появилась желание, а потом уже и интерес как же сделать выделение четных строк другим цветом...
 
 Top
Viper
Отправлено: 20 Августа, 2010 - 11:22:18
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)




можно(и уже нужно) использовать 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. }


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
Kubert
Отправлено: 20 Августа, 2010 - 12:32:45
Post Id



Частый гость


Покинул форум
Сообщений всего: 186
Дата рег-ции: Февр. 2010  


Помог: 3 раз(а)




пасиб!
 
 Top
JustUserR
Отправлено: 20 Августа, 2010 - 20:24:56
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)




Viper пишет:
Можно(и уже нужно) использовать CSS3
Для реализации цветного выделения строк в таблице согласно их кратным позициям можно исопльзовать JS-скрипт - это позволит создать универсальное решение которое к тому же можно использовать для динамически загружаемого ил генерируемого содержимого
Kubert Конкретно в DOM-модели выбирается объекты нужной таблицы - и осуществляется его дальшейший построчный просмотр с возможность установки любых CSS-параметров - в зависимости от порядка следования или шаблона находящейся в нем информации Кроме того в браузере Internet explorer можно использовать унифицированные выражение expression - для расчет некоторого динамичского параметра при выполнении документа в автоматическом режиме


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
Kubert
Отправлено: 17 Сентября, 2010 - 16:44:08
Post Id



Частый гость


Покинул форум
Сообщений всего: 186
Дата рег-ции: Февр. 2010  


Помог: 3 раз(а)




чегото не получилось...
 
 Top
JustUserR
Отправлено: 17 Сентября, 2010 - 23:16:44
Post Id



Активный участник


Покинул форум
Сообщений всего: 8715
Дата рег-ции: Июнь 2009  


Помог: 17 раз(а)




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. }


-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик Улыбка
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Программирование на PHP »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB