Изменение цвета <td>

[serzh]

Изменение цвета <td>

Как с помощью Java Script-а сделать так, чтобы при подводе на <td>, менялся его background.

 

[MD]

td_obj.style.backgroundColor = '#ff0000';
про onMouseOver, onMouseOut знаешь надеюсь.

 

[HEm]

при подводе чего? научитесь по русски разговаривать!

<td style="background-color:#777" OnMouseOver="this.style.backgroundColor='#EEE'" OnMouseOut="this.style.backgroundColor='#777'">

что-то в этом роде

 

[serzh]

Разве не понятно чего, мышки конечно!

 

[serzh]

Но спасибо!

 

[Flying]

<style type="text/css">
td {background-color:#777}
td:hover {background-color:#eee}
</style>

В Mozilla и Opera7 работает на ура, про IE не знаю - негде потестить.

 

[serzh]

В Линухе сидишь? Уважаю!

 

[Flying]

Нет, сижу на win2k Но у меня IE5.01, там это точно не работает, а про IE6 не знаю - нет у меня его, вот и написал.

 

[SashOk]

если у тебя в ячейке только одна ссылка, то можно так (работает везде):
TD A{
display: block;
width: 100%;
}
TD A:hover{
background-color:#eee;
}

 

[serzh]

Мне вариант HEm больше понравился...

 

[HEm]

Автор оригинала: SashOk
если у тебя в ячейке только одна ссылка, то можно так (работает везде):
TD A{
display: block;
width: 100%;
}
TD A:hover{
background-color:#eee;
}

перечитай вопрос, про наличие ссылки в ячейке ничего не написано

 

[HEm]

Автор оригинала: Flying
<style type="text/css">
td {background-color:#777}
td:hover {background-color:#eee}
</style>

В Mozilla и Opera7 работает на ура, про IE не знаю - негде потестить.

Всем хорош метод но у M$ в спецификации указано что методы типа :hover, :active, :link и :visited работают только для тега <A> ( см. оригинал )
Соответственно, в моем IE 6.0.2800.xxx не работает, в опере и мозилле - да, гут

 

[mxgl]

Наверное лучше так...

Определить класс over и класс out, а потом в документе уже указывать:

<td onmouseover="this.className='over'" onmouseout="this.className='out'" class="out"></td>

Править будет легче. Достаточно исправить только описание класса.

 

[Flying]

Автор оригинала: HEm
Всем хорош метод но у M$ в спецификации указано что методы типа :hover, :active, :link и :visited работают только для тега <A> ( см. оригинал )
Соответственно, в моем IE 6.0.2800.xxx не работает, в опере и мозилле - да, гут

Хех, и когда они наконец научатся CSS поддерживать?

 

[serzh]

Я уже давным давно разобрался и показывает везде и в IE и в мозиле, и в опере. Тему можно закрыть.

Спасибки!