Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

Смена курсора в div'е

14K
25 апреля 2007 года
Snk
54 / / 22.03.2007
Собственно "document.getElementById('divid').style.cursor" не работает... Как быть?
10K
26 апреля 2007 года
jwagra
62 / / 23.08.2006
:eek: как работает же..
[HTML]
<script>
function ChangeCurs()
{
document.getElementById('salo').style.cursor = 'pointer';

}
</script>

<div id='salo' onMouseOver='ChangeCurs()'>
sallo
</div>
[/HTML]
4.3K
26 апреля 2007 года
flat
142 / / 27.12.2005
Как вариант:
 
Код:
<div style = "cursor: pointer;">
sallo
</div>
239
26 апреля 2007 года
Dolonet
1.7K / / 20.05.2000
Попробуйте отладчиком JavaScript пройтись. Помните, что JS регистрозависим в плане функций и переменных.
8
26 апреля 2007 года
mfender
3.5K / / 15.06.2005
Цитата: jwagra
:eek: как работает же..
[html]
<script>
function ChangeCurs()
{
document.getElementById('salo').style.cursor = 'pointer';

}
</script>

<div id='salo' onMouseOver='ChangeCurs()'>
sallo
</div>
[/html]



Хм... Я бы сделал более человечно:

[html]
<script>
function ChangeCurs(el){
el.style.cursor = 'pointer';

}
</script>

<div id='salo' onMouseOver='ChangeCurs(this)'>
sallo
</div>
[/html]

10K
26 апреля 2007 года
jwagra
62 / / 23.08.2006
2mfender
замечу: то что я запостил не было советом и не предполагалось быть "человечным". я просто-напросто показал, что пример Snk рабочий.;)
14K
26 апреля 2007 года
Snk
54 / / 22.03.2007
Сорри за глупость, ступил... Действительно была проблема в регистре. Я даже не знал, что он так чувствителен к нему...
239
26 апреля 2007 года
Dolonet
1.7K / / 20.05.2000
Извините, просто не устоял, засмеялся прямо на рабочем месте :)
"Я даже не знал, что он ТАК чувствителен к нему..."
Хорошо, что все решилось.
14K
26 апреля 2007 года
Snk
54 / / 22.03.2007
Есть еще более жесткая? Как максимальную, которую встречал, выделил наречием "так"... Что тут смешного? Смеялись над моим столь малым знанием в области программирования?

Возникли еще проблемы, прошу помощи...

1. FireFox вообще не понимает анимированные курсоры?
2. В IE при замене курсора:
 
Код:
...
if (req.readyState != 4) {
 
   document.getElementById('body').style.cursor = 'url("aero_busy.ani")';

}else{
...

Курсор меняется на простой pointer, в других случаях все нормально. В чем может быть проблема?
239
26 апреля 2007 года
Dolonet
1.7K / / 20.05.2000
Snk, ничего личного, ты хороший человек, просто звучит забавно, прости.. :)
Firefox не поддерживает курсоры ani. Все просто.
По этой ссылке можете найти много интересного материала на эту тему. Тут, видимо, какие-то вариации есть.
12
26 апреля 2007 года
alekciy
3.0K / / 13.12.2005
Собственно данная тем больше относиться к CSS, чем к JS и DOM. А эту часть спецификации браузеры по большй части не поддерживают. И не безосновательно я бы сказал...
14K
26 апреля 2007 года
Snk
54 / / 22.03.2007
Спасибо. Пришлось на время отказаться от анимированных курсоров... Наткнулся на интересную новость:
Цитата:

Уязвимость Internet Explorer, связанная с анимированными курсорами, оказалась в равной степени действенна и для популярного браузера Firefox. Напомним, что ранее точных сведений об этом не поступало, однако на днях Майк Шрепфер (Mike Schroepfer), вице-президент отдела разработок Mozilla, официально объявил, что баг в системе Windows затрагивает Firefox. По словам Шрепфера, браузер можно заставить загрузить вредоносные курсоры, но сделать это на порядок труднее, чем в IE. Также было отмечено, что на данный момент не были обнаружены ".ANI" файлы, прямо направленные на эксплуатацию в Firefox, тем не менее это отнюдь не значит, что они вскоре не появятся в Интернете. В настоящее время команда Mozilla работает над тем, чтобы отключить в Firefox возможность загружать анимированные курсоры Windows. Возможно, это доработка будет включена в ближайшее обновление браузера.


Походу Firefox теперь не поддерживает курсоры ani.

239
26 апреля 2007 года
Dolonet
1.7K / / 20.05.2000
Полезная инфа. Будем знать.
Да и с эстетической точки зрения анимированные курсоры - это признак безвкусия. По крайней мере, сейчас так считается в массах. Спросите Тёму Лебедева.
253
27 апреля 2007 года
Proger_XP
1.5K / / 07.08.2004
Курсоры как вирус?! Никогда бы не подумал.... :rolleyes:
239
27 апреля 2007 года
Dolonet
1.7K / / 20.05.2000
Кстати, вполне себе больная тема была. Сейчас-то все компы уже более или менее пропатчены от этой бяки.
4.6K
27 апреля 2007 года
Tokolist
268 / / 22.03.2007
Риторические вопросы: А если на сайт зайдет пользователь ОС отличной от Виндоус? Увидит ли он курсор?
Какой смысл устанавливать нестандартный курсор? Разве не хватает pointer, help, progress и т.п.?
12
27 апреля 2007 года
alekciy
3.0K / / 13.12.2005
Цитата: Tokolist
Риторические вопросы: А если на сайт зайдет пользователь ОС отличной от Виндоус? Увидит ли он курсор?


Конечно увидит. Не тот, что он пытается установить, а тот что по умолчанию. Браузер просто проигнорирует этот селектор. Кстати данная задача к ОС имеет мало отношения. Это вопрос поддежки браузером.

4.6K
27 апреля 2007 года
Tokolist
268 / / 22.03.2007
Цитата: alekciy
Конечно увидит. Не тот, что он пытается установить, а тот что по умолчанию. Браузер просто проигнорирует этот селектор. Кстати данная задача к ОС имеет мало отношения. Это вопрос поддежки браузером.



Я это и имел ввиду, что не увидит тот курсор, который задумал дизайнер. :) А к ОС задача имеет самое прямое отношение, поскольку браузер не сможет установить курсор формата cur или ani, если это не поддерживает ОС ;)

4.6K
27 апреля 2007 года
Tokolist
268 / / 22.03.2007
Дико извиняюсь :)
Посмотрел спецификацию. "Кроссплатформенный" курсор таки можно сделать :)
http://www.w3.org/TR/SVG/interact.html#Cursors

Ключевые фразы

Цитата:
The user agent retrieves the cursor from the resource designated by the URI. If the user agent cannot handle the first cursor of a list of cursors, it shall attempt to handle the second, etc.



 
Код:
P { cursor : url("mything.cur"), url("second.csr"), text; }


Цитата:
The 'cursor' element can be used to define a platform-independent custom cursor. A recommended approach for defining a platform-independent custom cursor is to create a PNG [PNG01] image and define a 'cursor' element that references the PNG image and identifies the exact position within the image which is the pointer position (i.e., the hot spot).



ЗЫ но это все в идеале, конечно, так должно быть :)

8
27 апреля 2007 года
mfender
3.5K / / 15.06.2005
Цитата: Dolonet
Да и с эстетической точки зрения анимированные курсоры - это признак безвкусия. По крайней мере, сейчас так считается в массах. Спросите Тёму Лебедева.


Многие "высокохудожественные" ani действительно выглядят пошло. Правда, обычно контент тоже не блещет. Но ссылка на Лебедева, почему-то, толкает где-нибудь присобачить что-нибудь анимированное... :D

Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог