[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Наведение/клик
mxwuser
Имеется див. Цвет Фона - серый. Задача следующая: При простом наведении цвет становится красным/убирании курсора - обратно серый. При клике - становится зеленым. Но если див кликнут, при наведении становится красным/ при убирании обратно зеленым. КАк можно сделать?

<div class='place' id='s".$a."' onMouseOver=\"this.style.background='#FFCC33'\" onMouseOut=\"this.style.background='#aaa'\" onClick=\"this.style.background='#33CC66'\"><a></a></div>\n





Спустя 1 час, 23 минуты, 6 секунд (16.03.2011 - 14:28) Winston написал(а):
Цитата (mxwuser @ 16.03.2011 - 12:05)
При клике - становится зеленым. Но если див кликнут, при наведении становится красным/ при убирании обратно зеленым

Не понятно. По проще объясни.

Спустя 10 минут, 35 секунд (16.03.2011 - 14:39) mxwuser написал(а):
Вообщем. Есть блок серого цвета. Навел курсор - он красный, убрал курсор - он обратно серый. Тут все понятно. Если кликнуть на блок он должен стать зеленым постоянно, а при наведении красным.

Спустя 5 минут, 14 секунд (16.03.2011 - 14:44) Michael написал(а):
onClick="this.mycolor ='#33CC66'"
onMouseOut="this.style.background= (this.mycolor)? this.mycolor : '#aaa'"

Спустя 25 минут, 8 секунд (16.03.2011 - 15:09) mxwuser написал(а):
Цитата (Michael @ 16.03.2011 - 11:44)
onClick="this.mycolor ='#33CC66'"
onMouseOut="this.style.background= (this.mycolor)? this.mycolor : '#aaa'"

Спасибо, помогло. А не могли бы подсказать, что изменить, чтобы:
1. По клику фон менялся не на цвет, а на img
2. При наведении на кликнутую картинку изменялась на другой цвет
3. При повторном клике, уже кликнутая картинка, возвращалась обратно в стандартный цвет

Спустя 26 минут, 51 секунда (16.03.2011 - 15:36) Michael написал(а):
алгоритм то детский, почему самому не попробовать?

Картинка так выставляется на js фону:
this.style.backgroundImage = 'url(xxx.jpg)'

Спустя 23 минуты, 31 секунда (16.03.2011 - 15:59) mxwuser написал(а):
<div class='place' id='s".$a."' 
onClick= \"this.backgroundImage= (this.backgroundImage)? '#aaa' : 'url(bg.jpg)'\"
onMouseOver=\"this.style.background='#FFCC33'\"
onMouseOut= \"this.style.background= (this.backgroundImage)? this.backgroundImage : '#aaa'\"><a></a></div>\n";


Вот что получилось. Вроде работает, да не совсем. 1 раз изменяется тда-обратно, и больше не работает. Что не так тут? (=

Спустя 10 часов, 3 минуты, 37 секунд (17.03.2011 - 02:03) mxwuser написал(а):
Не получилось до сих пор(

Спустя 19 минут, 50 секунд (17.03.2011 - 02:23) kirik написал(а):
Цитата (mxwuser @ 16.03.2011 - 18:03)
Не получилось до сих пор(

А чего оно должно получиться, если ты логики не понял?
Проблема тут >> this.backgroundImage= (this.backgroundImage)? '#aaa' : 'url(bg.jpg)' а еще точнее - условие в скобочках не верное для твоего случая.

Спустя 2 минуты, 36 секунд (17.03.2011 - 02:25) mxwuser написал(а):
Не могли бы подсказать что нужно написать? Догадываюсь что должно быть нечто: (Картинка)? ПоставитьФон(незисбаграундимэйдж) : Поставить картинк(БаграндИмэйдж). А как воплотить-то?

Спустя 19 минут, 36 секунд (17.03.2011 - 02:45) kirik написал(а):
mxwuser
Совсем не хочешь сам думать.. :)
this.backgroundImage=(this.backgroundImage && this.backgroundImage != '#aaa')? '#aaa' : 'url(http://www.google.com/images/logos/ps_logo2.png)'
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.