Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / смена цвета наведением мышки CSS / 3 сообщений из 3, страница 1 из 1
18.06.2009, 11:57
    #36047923
Fund-A-Mental
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
смена цвета наведением мышки CSS
Есть таблица. Хочется при наведении мышки менять background-color соответствующего TR (то есть подсветить всю строку таблицы).
Это получается с использованием onmouseover/onmouseout и "this.style.backgroundColor = " помещенное в TR. Всё работает.
Но если заранее во внешнем CSS-файле задать background-color для TD или TR этой таблицы, то смена цвета при наведении мышки работать перестает. Проверено в IE и FF.
Подскажите что я не так делаю?
...
Рейтинг: 0 / 0
18.06.2009, 12:13
    #36047965
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
смена цвета наведением мышки CSS
Думаю, bubbling или propagation ...
Надо обрабатывать событие ячейки, а не строки, иначе сначала обработаем строку - ставим значение бэка, а потом событие переходит к ячейке - ставим для нее цвет. Обрабатывай только ячейку, вычисляй по ней строку и меняй в этой строке, а потом запрещай всплытие данного события (я уже забыл как это делается не в jQuery - там для ИЕ и остальных по-разному: не-ИЕ кажись понимают stopPropagation(), а ИЕ вроде cancelBubble=true).
...
Рейтинг: 0 / 0
18.06.2009, 13:54
    #36048277
Fund-A-Mental
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
смена цвета наведением мышки CSS
Спасибо, почитал про bubbling.
Пока пробовал внедрить, что-то где-то подправил и заработал мой вариант.
Где-то видать ошибка была. То есть если во внешнем CSS установить TR background-color, а потом навесить на TR onmouseover/onmouseout для смены TR background-color - то работает. При этом, конечно, background-color для TD во внешнем CSS не установлен. bubbling если и происходит, то не гадит. :-) ч.т.д.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / смена цвета наведением мышки CSS / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]