Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> вид курсора при перемещениии, чертов кругляшок!!! 
:(
    Опции темы
rax
Дата 14.9.2004, 23:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Я имею в виду IE
Обычно когда юзер пытается чего-то переместить на странице, вместо курсора появляется дебильный запрещающий значок. Так вот, я пишу скрипт, где юзер может перемещать рисунки допустим. Все работает, но вот этот курсор портит весь все веселье. Можно как-то его заменить на обычный или hand,point...Где-то я такое наблюдал....

Спасибо! bored.gif
PM MAIL WWW ICQ AOL YIM MSN   Вверх
Aliance
Дата 14.9.2004, 23:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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



rax
Код

style="cursor: hand"
//обычное css

PM MAIL WWW ICQ Skype   Вверх
rax
Дата 15.9.2004, 00:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Извини, не сказал
Мне нужно объектное обращение, функция JS, а не CSS
PM MAIL WWW ICQ AOL YIM MSN   Вверх
Sardar
Дата 15.9.2004, 01:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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



Просто обращайся к обьект.style.cursor
Код
document.getElementById("test").style.cursor="hand";



--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
rax
Дата 16.9.2004, 21:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Код

<html>
<img src="q.bmp" id="fig" style="position:absolute" ondrag="drg()" >
<script>
function drg() {
document.all.fig.style.top=parseInt(window.event.y)-5
document.all.fig.style.left=parseInt(window.event.x)-5

document.all.fig.style.cursor="hand"

}
</script>


Попробуйте вставить и проверить
sad.gif
PM MAIL WWW ICQ AOL YIM MSN   Вверх
Aliance
Дата 16.9.2004, 22:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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



Цитата(rax @ 16.9.2004, 21:44)
document.all.fig.style.cursor="hand"

- будет работать ТОЛЬКО в IE
используй конструкцию W3C, как написал Sardar:
Цитата(Sardar @ 15.9.2004, 01:23)
document.getElementById("test").style.cursor="hand";


PM MAIL WWW ICQ Skype   Вверх
rax
Дата 16.9.2004, 22:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Код
<img src="q.bmp" id="test" style="position:absolute" ondrag="drg()" >
<script>
function drg() {
document.all.test.style.top=parseInt(window.event.y)-5
document.all.test.style.left=parseInt(window.event.x)-5
document.getElementById("test").style.cursor="hand";
}
</script>


Вот, пож., тот же результат в том же IE. И вообще причем здесь getElementById?

Это сообщение отредактировал(а) rax - 16.9.2004, 23:02
PM MAIL WWW ICQ AOL YIM MSN   Вверх
Aliance
Дата 16.9.2004, 22:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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



rax
Я про курсор писал, а про d-a-d отдельный разговор. Я спать иду - завтра расскажу...
PM MAIL WWW ICQ Skype   Вверх
rax
Дата 16.9.2004, 22:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



ну вот, я же сразу все подробно описал sad.gif
Ну ладно, спасибо за сочуствие, споки
PM MAIL WWW ICQ AOL YIM MSN   Вверх
Sardar
Дата 17.9.2004, 00:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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



Цитата(rax @ 16.9.2004, 20:44)
Попробуйте вставить и проверить

Все работает !
Убрал только картинку:
Код
<span id="fig" style="position:absolute; left=100; top=100" ondrag="drg()" >test</span>
<script>
function drg() {
document.all.fig.style.top=parseInt(window.event.y)-5
document.all.fig.style.left=parseInt(window.event.x)-5

document.all.fig.style.cursor="hand"

}
</script>



--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
rax
Дата 17.9.2004, 06:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



bored.gif bored.gif bored.gif bored.gif bored.gif bored.gif bored.gif bored.gif
Видимо вы меня никак не поймете...
В коде ошибок никаких нет, но при таскивании курсор IE имеет доминирующее значение над тем, который мы хотим, т.к операция эта незаконная с точки зрения эксплорера. Поэтому, когда мы хватаем любой объектик и переносим его возникает вот что:user posted image !!!!
Естественно, когда мы прекращаем незаконное действие, курсор становится привычным и приятным: user posted image wink.gif
PM MAIL WWW ICQ AOL YIM MSN   Вверх
Aliance
Дата 17.9.2004, 13:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

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



Используй следующую многофункциональную библиотеку для перетаскивания и многого другова

Код

var isCSS, isW3C, isIE4, isNN4, isIE6CSS;
// Инициализируем
function initDHTMLAPI() {
   if (document.images) {
       isCSS = (document.body && document.body.style) ? true : false;
       isW3C = (isCSS && document.getElementById) ? true : false;
       isIE4 = (isCSS && document.all) ? true : false;
       isNN4 = (document.layers) ? true : false;
       isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) ? true : false;
   }
}
// Устанавливаем иниц. в обр. события
window.onload = initDHTMLAPI;

function seekLayer(doc, name) {
   var theObj;
   for (var i = 0; i < doc.layers.length; i++) {
       if (doc.layers[i].name == name) {
           theObj = doc.layers[i];
           break;
       }
       if (doc.layers[i].document.layers.length > 0) {
           theObj = seekLayer(document.layers[i].document, name);
       }
   }
   return theObj;
}

function getRawObject(obj) {
   var theObj;
   if (typeof obj == "string") {
       if (isW3C) {
           theObj = document.getElementById(obj);
       } else if (isIE4) {
           theObj = document.all(obj);
       } else if (isNN4) {
           theObj = seekLayer(document, obj);
       }
   } else {
       theObj = obj;
   }
   return theObj;
}

function getObject(obj) {
   var theObj = getRawObject(obj);
   if (theObj && isCSS) {
       theObj = theObj.style;
   }
   return theObj;
}

function shiftTo(obj, x, y) {
   var theObj = getObject(obj);
   if (theObj) {
       if (isCSS) {
           var units = (typeof theObj.left == "string") ? "px" : 0
           theObj.left = x + units;
           theObj.top = y + units;
       } else if (isNN4) {
           theObj.moveTo(x,y)
       }
   }
}

// Передвинуть объект на необх. координаты
function shiftBy(obj, deltaX, deltaY) {
   var theObj = getObject(obj);
   if (theObj) {
       if (isCSS) {
           var units = (typeof theObj.left == "string") ? "px" : 0
           theObj.left = getObjectLeft(obj) + deltaX + units;
           theObj.top = getObjectTop(obj) + deltaY + units;
       } else if (isNN4) {
           theObj.moveBy(deltaX, deltaY);
       }
   }
}

function setZIndex(obj, zOrder) {
   var theObj = getObject(obj);
   if (theObj) {
       theObj.zIndex = zOrder;
   }
}

// Устанавливаем задний фон
function setBGColor(obj, color) {
   var theObj = getObject(obj);
   if (theObj) {
       if (isNN4) {
           theObj.bgColor = color;
       } else if (isCSS) {
           theObj.backgroundColor = color;
       }
   }
}

// Делаем объект видимым
function show(obj) {
   var theObj = getObject(obj);
   if (theObj) {
       theObj.visibility = "visible";
   }
}

// -|- невидимым
function hide(obj) {
   var theObj = getObject(obj);
   if (theObj) {
       theObj.visibility = "hidden";
   }
}

// Возращаем координату х
function getObjectLeft(obj)  {
   var elem = getRawObject(obj);
   var result = 0;
   if (document.defaultView) {
       var style = document.defaultView;
       var cssDecl = style.getComputedStyle(elem, "");
       result = cssDecl.getPropertyValue("left");
   } else if (elem.currentStyle) {
       result = elem.currentStyle.left;
   } else if (elem.style) {
       result = elem.style.left;
   } else if (isNN4) {
       result = elem.left;
   }
   return parseInt(result);
}

// -|- y
function getObjectTop(obj)  {
   var elem = getRawObject(obj);
   var result = 0;
   if (document.defaultView) {
       var style = document.defaultView;
       var cssDecl = style.getComputedStyle(elem, "");
       result = cssDecl.getPropertyValue("top");
   } else if (elem.currentStyle) {
       result = elem.currentStyle.top;
   } else if (elem.style) {
       result = elem.style.top;
   } else if (isNN4) {
       result = elem.top;
   }
   return parseInt(result);
}

function getObjectWidth(obj)  {
   var elem = getRawObject(obj);
   var result = 0;
   if (elem.offsetWidth) {
       result = elem.offsetWidth;
   } else if (elem.clip && elem.clip.width) {
       result = elem.clip.width;
   } else if (elem.style && elem.style.pixelWidth) {
       result = elem.style.pixelWidth;
   }
   return parseInt(result);
}

function getObjectHeight(obj)  {
   var elem = getRawObject(obj);
   var result = 0;
   if (elem.offsetHeight) {
       result = elem.offsetHeight;
   } else if (elem.clip && elem.clip.height) {
       result = elem.clip.height;
   } else if (elem.style && elem.style.pixelHeight) {
       result = elem.style.pixelHeight;
   }
   return parseInt(result);
}

function getInsideWindowWidth() {
   if (window.innerWidth) {
       return window.innerWidth;
   } else if (isIE6CSS) {
       return document.body.parentElement.clientWidth
   } else if (document.body && document.body.clientWidth) {
       return document.body.clientWidth;
   }
   return 0;
}

function getInsideWindowHeight() {
   if (window.innerHeight) {
       return window.innerHeight;
   } else if (isIE6CSS) {
       // measure the html element's clientHeight
       return document.body.parentElement.clientHeight
   } else if (document.body && document.body.clientHeight) {
       return document.body.clientHeight;
   }
   return 0;
}


shiftTo(obj,x,y) - перемещаем объект в заданую точку
shiftBy(obj,deltaX,deltaY) - перемещаем объект на заданное растояние по осям х и у
setZIndex(obj, zOrder) - устанавливаем порядок наложения
show(obj) - делаем видимым
hide(obj) - невидимым
PM MAIL WWW ICQ Skype   Вверх
rax
Дата 18.9.2004, 16:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Cпасибо за подробный ответ biggrin.gif
Буду разбираться!
PM MAIL WWW ICQ AOL YIM MSN   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0547 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.