Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.11.2013, 15:06
Yes Yes вне форума
Интересующийся
Отправить личное сообщение для Yes Посмотреть профиль Найти все сообщения от Yes
 
Регистрация: 12.08.2011
Сообщений: 17

Помогите с drag'n'drop
Мне нужно перемещать элемент внутри div, а не по всему document.

<div id="myDiv">
<div id='ball3' style="width:66; height:20"></div>
</div>

Модифицирую код из учебника http://learn.javascript.ru/drag-and-...рование
var ball = document.getElementById('ball3');

ball.onmousedown = function(e) {
  var self = this;
  e = fixEvent(e);

  this.style.position = 'absolute';
 
  moveAt(e);

  this.style.zIndex = 1000; // над другими элементами

  function moveAt(e) {
    self.style.left = e.offsetX - 33+ 'px'; //33 - половина ширины перемещаемого блока
    self.style.top = e.offsetY - 10+ 'px'; //10 - половина высоты перемещаемого блока
  }

  document.getElementById('myDiv').onmousemove = function(e) {
    e = fixEvent(e);
    moveAt(e); 
  };

  this.onmouseup = function() {
    document.onmousemove = self.onmouseup = null;
  };

}

ball.ondragstart = function() { 
  return false; 
};

По умолчанию курсор находится в центре перемещаемого блока, При перемещении(как только курсор находится на перемещаемом элементе), перемещаемый элемент начинает прыгать к координатам 0:0, Как сделать так, чтоб при попадании мышки на элемент он не менял своих координат?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите расшифровать JS pavdin Общие вопросы Javascript 24 01.04.2017 20:37
Помогите! Многоуровневые вкладки! sergeeeeee Элементы интерфейса 2 02.08.2010 23:50
Помогите нубу Fongolcs Работа 34 19.05.2010 22:45
Помогите новичку с выпадающим списком interest Элементы интерфейса 5 19.05.2010 13:15