VPF::Смена курсора - Форум программистов

ekzo

Дата 6.2.2014, 07:28 (ссылка)

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

Загрузка ...

Новичок

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

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

Никогда не писал на js, но тут из-за нововведения в последней версии хрома решил написать плагин, который бы заменял курсор на такой user posted image

при загрузке страницы, сейчас курсор не меняется, и это ацки раздражает.

Скудные примеры из инета не работают, берем готовый плагин с гугла, который якобы меняет курсор (называется rock hand, если чо):
user posted image

- не работает. Код там кстати очень простой:

Код


var cursor = 'url('+chrome.extension.getURL('rockhand.png')+')';

$(document).on('mouseover', 'a, [onclick]', function () {
    $(this).css('cursor', cursor + ',auto');
});

Я, конечно, пытался по аналогии, типа

Код



chrome.tabs.onUpdated.addListener( 
function (tabId, changeInfo, tab)
{
  
  if (changeInfo.status == 'loading' && tab.active)
  {
  var cursor = 'url('+chrome.extension.getURL('rockhand.png')+')';
  $(this).css('cursor', cursor + ',auto');
  }
}
);

но оно конечно тоже не прокатило... jquery кстати подключен, вроде все четко...

Я, наверное, что-то делаю не так, не может быть, чтобы нельзя было менять курсор.

Это сообщение отредактировал(а) ekzo - 6.2.2014, 07:36

Bulat

Дата 6.2.2014, 08:49 (ссылка)

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

Загрузка ...

татарский Нео

Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 22.3.2006
Где: Альметьевск

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

ekzo, попробуй задать рисунок курсора статично в самом css, а не через js. А в js менять аттрибут class

P.S. У меня на домашнем компе есть самописная функция меняющая курсор посредством js+css, вечером гляну, для примера код скину!

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

менеджер по кодеврайтингу smile

Bulat

Дата 6.2.2014, 18:46 (ссылка)

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

Загрузка ...

татарский Нео

Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 22.3.2006
Где: Альметьевск

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

Код


function MouseMove() {
  document.getElementById('map').className = 'road';
}

Код


<div id="map" onmousemove="MouseMove();"/>

Код


.road {
    cursor: url(road.cur), url(/static/img/road.cur), default
}

Изображение курсора в файле с расширением *.cur - соответственно!

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

менеджер по кодеврайтингу smile

ekzo

Дата 7.2.2014, 07:27 (ссылка)

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

Загрузка ...

Новичок

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

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

Спасибо, сработало как простая страничка, с body id="map" (с дивом не сработало). Как из этого сделать хромовское расширение? есть manifest.json и загружающийся из него js файл...

Bulat

Дата 7.2.2014, 08:11 (ссылка)

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

Загрузка ...

татарский Нео

Профиль
Группа: Завсегдатай
Сообщений: 1701
Регистрация: 22.3.2006
Где: Альметьевск

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

Цитата(ekzo @ 7.2.2014, 07:27

)

Спасибо, сработало как простая страничка, с body id="map" (с дивом не сработало)

Оно и с дивом работает, либо другой класс перекрывает, либо еще с чем поиграться нужно...

Цитата(ekzo @ 7.2.2014, 07:27

)

Как из этого сделать хромовское расширение? есть manifest.json и загружающийся из него js файл...

Дальше думай уже сам, я тебе просто самописный рабочий вариант показал smile

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

менеджер по кодеврайтингу smile

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