Форум PHP программистов > Выделить строку таблицы другим цветом

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Выделить строку таблицы другим цветом

Kuliev

16.11.2011 - 09:06

Доброго времени суток всем.

Так как я не силен в JavaScript прошу помощи.

Есть таблица с данными ( обычная таблица ) в конце каждой строки таблицы есть checkbox, нужно при выделенном чекбоксе подсветить эту строку. Может у кого есть готовое решение?

imbalance_hero

16.11.2011 - 09:51

Kuliev
у чекбокса условие на onclick, передаёшь ID дива (спана), и в функции проверяешь, если в данный момент чекбокс выделен - добавить фон диву.
document.getElementById(id).style.backgroundColor = 'red';

Michael

16.11.2011 - 10:06

На jquery пример накидал:
http://jsfiddle.net/DrJLw/

_____________
There never was a struggle in the soul of a good man that was not hard

Kuliev

16.11.2011 - 13:57

Michael
Спасибо, все четко работает

m4a1fox

16.11.2011 - 14:01

Если не ошибаюсь это еще можно сделать и на CSS. Правда, кажется, только на CSS3.

sergeiss

16.11.2011 - 16:30

Цитата (m4a1fox @ 16.11.2011 - 14:01)

Если не ошибаюсь это еще можно сделать и на CSS

Че-та не представляю, как именно... Тут же надо оценить состояние чек-бокса, а CSS это не сделает. Зато JS может, выше писали как именно.

Хотя если ты покажешь, что я не прав в данном случае, то буду весьма признателен

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

m4a1fox

16.11.2011 - 16:59

sergeiss
качай архив от сюдлва http://phpforum.ru/index.php?showtopic=51730. Файл. Комбинаторы и псевдо классы.

inpost

16.11.2011 - 17:09

m4a1fox
Строчку хоть покажи, где сказано, что он может следить, нажата ли кнопка.

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

m4a1fox

16.11.2011 - 17:14

inpost

Цитата

Строчку хоть покажи, где сказано, что он может следить, нажата ли кнопка.

А, что то не подумал! Секунду!

Цитата

Одним из способов воздействия на удобство интерфейса является разрешение/запрещение
ввода информации в разные части формы при ее заполнении в зависимости от того, что
уже заполнено.
Обратите внимание, что элементы HTML не разрешаются/запрещаются. Для этого
используется JavaScript. Но можно установить атрибуты для элементов ввода.
E:enabled — соответствует элементу интерфейса E, который является доступным для
ввода.
E:disabled — соответствует элементу интерфейса E, который не доступен для ввода.

E:checked — соответствует элементу интерфейса E, который отмечен (для радиокнопок
или чекбоксов).
HTML:


<form>
   Предпочтительный способ связи:
     <input type="radio" id="prefer" value="email" checked="checked" /> Email
     <input type="radio" id="prefer" value="phone" /> Телефон
   Email: <input type="text" id="email" enabled="enabled" />
   Телефон: <input type="text" id="phone" disabled="disabled" />
 </form>

CSS:


 :enabled {color: green;}
 :disabled {color: red;}
 :checked {background: yellow;}

Зеленый и красный цвета используются для информирования пользователя о доступных
для ввода элементах формы. Отмеченный пункт получит желтый фон для визуального
выделения.

Быстрый ответ:

Здесь расположена полная версия этой страницы.