Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > :hover цвет ячейки при наведении.

Автор: NLspieler 27.5.2009, 08:48

Внезапно мне понадобилось, что бы при наведении на ячейку таблицы <td class="td"></td>, она меняла свой цвет.

Код


.td
{
    background-color: #666666;
}

.td:hover
{
    background-color: #666633;
}

И о чудо! Два браузера Opera и Chrome даже поняли, что я от них хотел!
Но вот остальные нивкакую не хотят менять цвет ячейки. smile

Автор: Violator 27.5.2009, 11:03

Код


.td { background-color: #666666; }
.tdover { background-color: #666633; }

Код


<td class="td" onmouseover="className='tdover'" onmouseout="className='td'">123</td>

Автор: NLspieler 27.5.2009, 11:32

Круто! Спасибо
Ты где такое выучил?

Попробовал, работает и с другими объектами smile

Можно ли подобным образом обработать и другие события, например щелчек мышью или еще что то?

Автор: Violator 27.5.2009, 11:41

можно поменять событие у ячейки и будет по клику

Код


<td class="td" onmousedown="className='tdover'" onmouseup="className='td'">123</td>

Автор: NLspieler 27.5.2009, 11:47

А можно сделать так, что бы 1 раз нажал, класс поменялся, еще раз нажал, класс стал старый?

И вообще, я не могу понять, что это за технология такая? С джаваскриптом никак не связано?

Автор: Violator 27.5.2009, 11:55

в таком случае обрабатывайте одно событие onmousedown и проверяйте класс

Код


<td class="td" onmousedown="className = (className == 'td') ? 'tdover' : 'td'">123</td>

Автор: NLspieler 27.5.2009, 12:06

Супер! А главное, что работает во всех моих браузерах.

Методика просто поражет своими потенциальными возможностями!
Может скажешь, где можно подробнее про это прочитать или как это называется?

className = (className == 'td') ? 'tdover' : 'td'
на каком языке программирования написана эта строчка? Уверен, что можно придумать и более сложные варианты.

Автор: Violator 27.5.2009, 12:19

NLspieler,
dhtml, а язык - javascript