Меню
Что нового?

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

  • Автор темы Автор темы serzh
  • Дата начала Дата начала

serzh

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

Как с помощью Java Script-а сделать так, чтобы при подводе на <td>, менялся его background.
 
td_obj.style.backgroundColor = '#ff0000';
про onMouseOver, onMouseOut знаешь надеюсь.
 
при подводе чего? научитесь по русски разговаривать!
PHP: 
<td style="background-color:#777" OnMouseOver="this.style.backgroundColor='#EEE'" OnMouseOut="this.style.backgroundColor='#777'">
что-то в этом роде
 
<style type="text/css">
td {background-color:#777}
td:hover {background-color:#eee}
</style>

:) В Mozilla и Opera7 работает на ура, про IE не знаю - негде потестить.
 
Нет, сижу на win2k :) Но у меня IE5.01, там это точно не работает, а про IE6 не знаю - нет у меня его, вот и написал.
 
если у тебя в ячейке только одна ссылка, то можно так (работает везде):
TD A{
display: block;
width: 100%;
}
TD A:hover{
background-color:#eee;
}
 
Автор оригинала: SashOk
если у тебя в ячейке только одна ссылка, то можно так (работает везде):
TD A{
display: block;
width: 100%;
}
TD A:hover{
background-color:#eee;
}
Нажмите для раскрытия...
перечитай вопрос, про наличие ссылки в ячейке ничего не написано
 
Автор оригинала: 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 не работает, в опере и мозилле - да, гут
 
Наверное лучше так...

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

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

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

Спасибки!
 
Войдите или зарегистрируйтесь для ответа.
Сверху