<table>
<tr id='tr1'>
<td onMouseOver="java script:document.getElementById('tr1').style.color='#FF0000'">row 1</td><td>row 2</td>
</tr>
</table>
Изменить цвет строки при наведении курсора
У меня таблица
<table>
<tr>
<td>row 1</td><td>row 2</td>
</tr>
</table>
Как при наведении курсора на <td> чтобы изменилась вся строка <tr>?
<table>
<tr>
<td>row 1</td><td>row 2</td>
</tr>
</table>
Как при наведении курсора на <td> чтобы изменилась вся строка <tr>?
Когда научимся код оформлять???
Мдя, а понимал бы тупой осел события hover и жисть бы стала намного проще.
Ну, можно и такой случай сделать через :hover. Только не в любом случае это подходит.
Цитата: cogonet
Мдя, а понимал бы тупой осел события hover и жисть бы стала намного проще.
После подключения вот этого:
whatever:hover
EI 6 и младше понимает :hover
Подумал и дописал....
Создаете hadler для элемента tr и вешаете на событие onmouseover функцию:
Повесить хендлер без переделки HTML можно, напримере этой статьи:
Нетривиальный синтаксис (если прочтет до конца, найдет ответ на свой вопрос).
Создаете hadler для элемента tr и вешаете на событие onmouseover функцию:
Код:
this.style.backgroundColor = "#ff0000";
Повесить хендлер без переделки HTML можно, напримере этой статьи:
Нетривиальный синтаксис (если прочтет до конца, найдет ответ на свой вопрос).
Цитата:
EI 6 и младше понимает :hover
так, видать чет я упустил в этой жизни. с :hover + .htc - понятно, это баян ) а вот это "Fortunately, even though IE won't actually DO anything with a tr:hover the :hover is recognized and left alone." я чет не совсем осилил (
Цитата:
Как при наведении курсора на <td> чтобы изменилась вся строка <tr>?
___________________________
|pole1|pole2|pole3|
___________________________
Я расценил задачу как при наведение не pole1 менялся весь ряд
а наведении на другии ряды - нет.
А так, конечно же лучше :hover, хотя иногда неработает....
Я предпочитаю CSS thru JavaScript
Цитата: Tingo
А так, конечно же лучше :hover, хотя иногда неработает.... Я предпочитаю CSS thru JavaScript
Что значит иногда? Работает всегда, но только с тэгом А. С прочими тэгами не работает в ИЕ.
я это и имел ввиду
Я тоже что-то похожее хотел сделать и наткнулся на вроде бы неплохой ресурс. Всё на английском, но текста мало, зато выставлены коды с примерами: http://www.domedia.org/oveklykken/articles.php
Цитата: cogonet
Мдя, а понимал бы тупой осел события hover и жисть бы стала намного проще.
Он понимает, но только для a селектора. И hover в терминологии CSS не событие (не JS все же), а псевдо класс.
Цитата:
Он понимает, но только для a селектора.
ну это то понятно, имелось ввиду в свете топика )
Цитата:
И hover в терминологии CSS не событие (не JS все же), а псевдо класс.
прости, исправлюсь ;)