Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > указать курсор с помощью url


Автор: GF 28.11.2006, 16:18
Вот это работает в IE, но не работает в FF  и Opera. 
Код

<html>
<head>
</head>
<body>
<div id="cur">
КУРСОР!!!
</div>
<script>
     document.getElementById('cur').style.cursor="url(plus.cur)"
</script>
</body>
</html>


Люди, как подключить свой курсор, но так, чтоб это нормально работало везде?

Автор: Ashen 29.11.2006, 09:08
Оно токо в Ишаке и работает (на сколько я знаю)

Автор: GF 29.11.2006, 10:58
Посмотри под FF это: http://www.maps.yandex.ru/russia
как-то же они там замутили лупу, руку и вопросик. Вопрос в том, как они это сделали?

Автор: 12345c 29.11.2006, 15:03
Примерно до FF1.5 это не работает, в Опере тоже. И рисуют картинку, двигающуюся за простым курсором.

Добавлено @ 15:05 
И до IE 6.

Автор: GF 30.11.2006, 10:45
И что, никто не даст разумного ответа? Я вчера уже успел написать в службу поддержки maps.yandex.ru, но надежды на то, что они раскроют свои секреты мало. Ну допустим подцепить какую-нибудь картинку к курсору и и перемещать её по координатам курсора- это легко, но как в таком случае скрыть сам курсор? Если курсор виден, то он по-любому будет поверх любой картинки.

Автор: vasac 30.11.2006, 11:03
Цитата(GF @  30.11.2006,  10:45 Найти цитируемый пост)
написать в службу поддержки maps.yandex.ru

малаца

Цитата(GF @  30.11.2006,  10:45 Найти цитируемый пост)
надежды на то, что они раскроют свои секреты мало

жмешь "исходный код страницы" и все секреты, как на ладони

Цитата(GF @  30.11.2006,  10:45 Найти цитируемый пост)
никто не даст разумного ответа?

Тебе разумно сказали:
Цитата(12345c @  29.11.2006,  15:03 Найти цитируемый пост)
рисуют картинку, двигающуюся за простым курсором.

чего еще ты хочешь услышать?

Автор: SelenIT 30.11.2006, 11:33
Далеко ходить за примером не надо: http://forum.vingrad.ru/topic-109857.html smile

Автор: dstorm81 30.11.2006, 14:03
<style type="text/css">
body{ cursor: url(http://hottabych.net/cursors/hottabych.net_cursors_02.cur),pointer;}
a { cursor: url(http://hottabych.net/cursors/hottabych.net_cursors_02.cur), pointer; }
</style>

Автор: GF 30.11.2006, 16:50
Короче дела обстоят так:
1. Яндекс мне не ответил- сволочи!!!
2. Написал в ArtLebedev (они много чего разрабатывают для яндекса) техническому директору- Андрею Шитову. Получил ответ в стиле RTFM. Послал сюда: http://www.w3.org/TR/CSS21/ui.html - но если бы мне подходили стандартные курсоры w3.org я бы тут не парил мозги всему интернету!!!
3. Распотрошил код яндекса. Понял это:
 
Код

if (moz) {
        document.getElementById('cur').style.cursor='-moz-zoom-out';
    } else if(ie) {
        document.getElementById('cur').style.cursor='url(zoom_out.cur)';
    }  else if(opera) {
        alert('а в Опере-то не пашет ни тот ни другой вариант!!!')
}

Вопрос такой: можно ли замутить курсор в Опере?
Всем, кто меня захочет послать на w3.org или htmlbook.ru сразу угрожаю физической расправой.

Автор: dstorm81 30.11.2006, 16:59
конечно можно замутить, читать здесь http://www.htmlbook.ru

Автор: SelenIT 30.11.2006, 17:56
Ввел в Гугле "custom cursor in Opera", первая ссылка - http://www.dynamicdrive.com/dynamicindex13/customcursor2.htm. В 9-ке и впрямь работает, автор сайта клянется, что в 8-ке тоже...

Автор: GF 1.12.2006, 11:08
SelenIT, спасибо за ссылку но мне данный вариант не подходит. Дело в том, что автор этого скрипта ставит на курсор стандартный crosshair а потом прилепляет под него анимированную гифку. Я изучил данный вопрос, оказывается цвета курсора crosshair инвертируются в зивисимости от того, какой под курсором цвет рисунка. К примеру, если сделать у стараницы цвет фона gray и курсор crosshair, то курсора не будет видно вообще и тогда действительно к нему можно подцепить картинку и будет вам собственный курсор. У меня же стоит задача сделать разные курсоры для карты края, а на карте дофига цветов и лажу будет видно невооружённым глазом.  

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)