Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> :hover цвет ячейки при наведении. 
:(
    Опции темы
NLspieler
Дата 27.5.2009, 08:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 619
Регистрация: 13.10.2008
Где: Берлин

Репутация: нет
Всего: 19



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


Код

.td
{
    background-color: #666666;
}

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


И о чудо! Два браузера Opera и Chrome даже поняли, что я от них хотел!
Но вот остальные нивкакую не хотят менять цвет ячейки.  smile  
PM MAIL   Вверх
Violator
Дата 27.5.2009, 11:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15



Код

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


Код

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

PM MAIL   Вверх
NLspieler
Дата 27.5.2009, 11:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 619
Регистрация: 13.10.2008
Где: Берлин

Репутация: нет
Всего: 19



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


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

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


PM MAIL   Вверх
Violator
Дата 27.5.2009, 11:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15



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

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


PM MAIL   Вверх
NLspieler
Дата 27.5.2009, 11:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 619
Регистрация: 13.10.2008
Где: Берлин

Репутация: нет
Всего: 19



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

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

Это сообщение отредактировал(а) NLspieler - 27.5.2009, 11:53
PM MAIL   Вверх
Violator
Дата 27.5.2009, 11:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15



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

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

PM MAIL   Вверх
NLspieler
Дата 27.5.2009, 12:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 619
Регистрация: 13.10.2008
Где: Берлин

Репутация: нет
Всего: 19



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

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

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




PM MAIL   Вверх
Violator
Дата 27.5.2009, 12:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 234
Регистрация: 10.1.2009

Репутация: 15
Всего: 15



NLspieler, 
dhtml, а язык - javascript
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0445 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.