VPF::Эмуляция hover - Форум программистов

Sunvas

Дата 3.8.2008, 14:22 (ссылка)

(нет голосов)

Загрузка ...

Соль и сахар

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

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

Есть документ:

Код


<style>
a:hover
{
...
}
</style>
<a href="#" id="a1">1</a>

Нужно программно сэмулировать наведение мыши на ссылку с id=a1, чтобы она приобрела вид, описаный в стиле. Как это сделать? smile

Это сообщение отредактировал(а) Sunvas - 3.8.2008, 14:23

--------------------

Воспитывая детей по своему образу и подобию, родители почему-то надеются, что они будут лучше их.

bars80080

Дата 3.8.2008, 15:05 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

a#a1:hover {} ?

Sunvas

Дата 3.8.2008, 16:36 (ссылка)

(нет голосов)

Загрузка ...

Соль и сахар

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

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

bars80080, нет.. Нужно программно сэмулировать, а не css написать именно для этой ссылки. Т.е. нажимаем на кнопку - и ссылка стает такая, будто на нее навели мыши.

--------------------

Воспитывая детей по своему образу и подобию, родители почему-то надеются, что они будут лучше их.

bars80080

Дата 3.8.2008, 16:58 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

а, ну так повесь на кнопку функцию:

Код


function chlink() {
document.getElementById('a1').style.color = '#ff00ff';
}

или может быть без .style

Sunvas

Дата 3.8.2008, 17:17 (ссылка)

(нет голосов)

Загрузка ...

Соль и сахар

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

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

bars80080, а если не известно, что находиться в css?

--------------------

Воспитывая детей по своему образу и подобию, родители почему-то надеются, что они будут лучше их.

bars80080

Дата 3.8.2008, 18:41 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

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

что-то я всё меньше и меньше понимаю...

SelenIT

Дата 6.8.2008, 06:00 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Да, самый простой и частоиспользуемый способ - это чуть подменить CSS

Код


a:hover, a.fakehover
{
...
}

и по событию присваивать ссылке соотв. класс:

Код


document.getElementById('a1').className += ' fakehover'

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »