Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.04.2012, 15:30
Новичок на форуме
Отправить личное сообщение для Flashbacks Посмотреть профиль Найти все сообщения от Flashbacks
 
Регистрация: 07.04.2012
Сообщений: 2

Изменением цвета рядка таблицы по onMouseOver - проблема
Ребята, помогите пожалуйста.

Есть таблица, колонки из 2-х чередующихся цветов.
Для этого установлен дефолтный цвет таблицы, а в нужных колонках явно указывается цвет.

Упрощенно, убрав всё лишнее:

Код:
<table bgcolor=#AAAAAA>

 <tr>
   <td bgcolor=#BBBBBB> Колонка 1 </td>
   <td> Колонка 2</td>
   <td bgcolor=#BBBBBB> Колонка 3</td>
   <td> Колонка 4</td>
   <td bgcolor=#BBBBBB> Колонка 5</td>
 </tr>;

</table>
То есть все колонки цвета #AAAAAA, а те в которых указано - цвета #BBBBBB (т.е. колонки 1,3,5)
Таких рядков много, они формируются php скриптом исходя из результата запроса к базе данных.

Далее нужно сделать, чтобы при наведении мышкой на рядок, цвет рядка менялся на третий - #CCCCCC.
Для этого я использовал javascript операторы onMouseOver и onMouseOut:

Код:
<tr onmouseover="style.backgroundColor='#CCCCCC'"
    onmouseout="style.backgroundColor='' >
То есть по идее при наведении на рядок мышкой, его цвет должен становиться CCCCCC, при отводе мышки - тем который был до этого (#AAAAAA или #BBBBBB).

Но происходит не совсем так - колонки, имеющие дефолтный цвет таблицы, меняют цвет на новый и обратно.
Те же колонки, в которых цвет указан дополнительно в теге <td>, не реагируют на функцию в родительском теге <tr> и остаются своего цвета.

Подскажите пожалуйста, как заставить это работать? Может правильный способ другой?
Ответить с цитированием
  #2 (permalink)  
Старый 07.04.2012, 22:30
Аватар для GuardCat
Просто любитель
Отправить личное сообщение для GuardCat Посмотреть профиль Найти все сообщения от GuardCat
 
Регистрация: 13.09.2011
Сообщений: 300

Перенесите bgcolor из td в tr. А лучше опишите это в css (:nth-child). Да, и цвет при наведении тоже лучше менять :через css. hover поищите на том же сайте.

Последний раз редактировалось GuardCat, 07.04.2012 в 22:43.
Ответить с цитированием
  #3 (permalink)  
Старый 08.04.2012, 14:52
Новичок на форуме
Отправить личное сообщение для Flashbacks Посмотреть профиль Найти все сообщения от Flashbacks
 
Регистрация: 07.04.2012
Сообщений: 2

Спасибо за ответ! css.hover действительно лучше и удобнее в этом случае.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическое создание таблицы. Проблема с ИЕ Rain Элементы интерфейса 8 24.09.2012 10:46
Проблема с динамическим изменением третьего SELECT lfbaby Элементы интерфейса 0 18.10.2011 17:39
проблема с onmouseover Ponomareva_AS jQuery 4 09.08.2011 12:44
проблема с событиями onMouseOut и onMouseOver IIIgun Общие вопросы Javascript 16 13.05.2011 21:55
onmouseover отрабатывает по разному для одинаковых ячеек таблицы ilshat Events/DOM/Window 2 11.02.2009 12:25