Аномалия с кодом. Не понятно что тварится. 12 строк кода

[pompiduskus]

Всем привет.

Я Пытаюсь создать Drag&Drop для дива. Но с елементом что-то такое происходит, и его колбасит не по детски.

Не понятно от куда берутся вторые кординаты.


Вот тут можно посмотреть пример.


http://slavik.nl/public/js/draganddrop2/

Сам код js.

PHP код:

var allowDrag = false;

function dragTrue(e, elem){
    allowDrag = true;
}

function dragFalse(elem){
    allowDrag = false;
}
/* *************** */
var globalXoffset = 0;
var globalYoffset = 0;

function startDrag(e, elem){
//__id('window-top-balk').innerHTML = elem.offsetLeft+' @ '+elem.style.marginLeft;
    if(allowDrag){

        elem.style.marginLeft = (e.clientX-parseInt(elem.style.marginLeft))+'px';
        elem.style.marginTop  = (e.clientY-parseInt(elem.style.marginTop))+'px';
    }
} 


[ATL]

Как осуществляется вызов функции? Мало информации.

Но вы уверены, что вам нужен такой скрипт? Он ведь работает ужасно.
Почему бы не воспользоваться простым и готовым решением от jQuery?

[Fenex]

Вы лучше задайте position для перемещаемого элемента absolute или relative, и меняйте style.top и style.left. Такой эффект получается скорее всего из-за привязки к margin.

[pompiduskus]

Вы лучше задайте position для перемещаемого элемента absolute или relative,

Так и стоит. Пробовал и так и так. Один раз получилось удачно. Но только почему то при повторном перемещении елемента. Он опять оказывается по кординатам 0,0.

Вот это самый лучший вариант который мне удалось сделать.
Но и он работает не так как хотелось бы.

http://slavik.nl/public/js/draganddrop3/

и меняйте style.top и style.left.

Попробую.

Тут дело в том что один раз программа берет кординаты которые я сказал. Но потом появляются совершенно не понятно от куда еще одни. Потом проподают, и опять, и так далее :s

[Fenex]

Во всяком случае логика верная.
Взгляните на рабочий вариант: http://jsfiddle.net/Fenex/M9D9q/

[pompiduskus]

Сообщение от Fenex

Во всяком случае логика верная.
Взгляните на рабочий вариант: http://jsfiddle.net/Fenex/M9D9q/

Очень хороший пример. Мне нужно было сразу строить объект. Я пошел чуть-чуть не тем путем. ))

[Fenex]

Тут дело в том что один раз программа берет кординаты которые я сказал. Но потом появляются совершенно не понятно от куда еще одни. Потом проподают, и опять, и так далее :s

Программа выполняет то, что вы сказали ей делать, а вовсе не то, что вы от неё хотите

Присваиваете элементу значения сдвига равное позиции курсору минус этот же сдвиг. чтобы не скакал элемент - надо запоминать первый раз offset отдельно, подозревая для этого и были введены переменные globalYoffset\globalXoffset, которые нигде не используются.

elem.style.marginLeft = (e.clientX-parseInt(elem.style.marginLeft))+'px';

[pompiduskus]

Сообщение от Fenex

Присваиваете элементу значения сдвига равное позиции курсору минус этот же сдвиг. чтобы не скакал элемент - надо запоминать первый раз offset отдельно, подозревая для этого и были введены переменные globalYoffset\globalXoffset, которые нигде не используются.

elem.style.marginLeft = (e.clientX-parseInt(elem.style.marginLeft))+'px';

Все верно. Но в примере номер 3 она используется. Всем спасибо, разобрался.