UMIhelp

Разработка сайта на UMI.CMS => JS и AJAX => Тема начата: niakriss от 26 Декабря 2012, 14:39:49

Название: drag and drop
Отправлено: niakriss от 26 Декабря 2012, 14:39:49
Здравствуйте, необходимо сделать перемещение объекта в определенной области.. перемещение сделала, но по всему окну.. как ему сказать чтобы за границы дива не выходил?
Название: Re:drag and drop
Отправлено: Vladimir от 27 Декабря 2012, 18:29:35
Если на mootools, то вот http://demo.umi-cms.spb.su/demos/drag/1.html
В объекте типа Drag.Move на объект-контейнер указывает свойство container.
http://mootools.net/docs/more/Drag/Drag.Move

Весь код:
	window.addEvent('domready',function(){

var myDrag = new Drag.Move('draggable', {
snap: 0,
container: $('box'),
onSnap: function(el){
el.addClass('dragging');
},
onComplete: function(el){
el.removeClass('dragging');
}
});

});
Название: Re:drag and drop
Отправлено: admin от 10 Января 2013, 10:20:46
если механизм перетаскивания делается на jQueryUI то в документации все написано

http://jqueryui.com/draggable/#constrain-movement

смотрим на параметр
$( "#draggable5" ).draggable({ containment: "parent" });