diff options
author | Pierre Spring <pierre.spring@caillou.ch> | 2010-10-10 23:42:56 +0200 |
---|---|---|
committer | Pierre Spring <pierre.spring@caillou.ch> | 2010-10-10 23:42:56 +0200 |
commit | c4bb7947fcb2d4a5e5f8a15d9e3bbec333e44e13 (patch) | |
tree | 72ac33dab99e63f3e5e368a131b3fb7445b86f33 /lib/scripts/drag.js | |
parent | aa5d3d8e43bc72ed30ab9279f6160d0d4fe2df49 (diff) | |
download | rpg-c4bb7947fcb2d4a5e5f8a15d9e3bbec333e44e13.tar.gz rpg-c4bb7947fcb2d4a5e5f8a15d9e3bbec333e44e13.tar.bz2 |
Got rid of drag.js and added jQuery UI instead.
Diffstat (limited to 'lib/scripts/drag.js')
-rw-r--r-- | lib/scripts/drag.js | 85 |
1 files changed, 0 insertions, 85 deletions
diff --git a/lib/scripts/drag.js b/lib/scripts/drag.js deleted file mode 100644 index 2212fb6c1..000000000 --- a/lib/scripts/drag.js +++ /dev/null @@ -1,85 +0,0 @@ -/** - * Makes a DOM object draggable - * - * If you just want to move objects around, use drag.attach. For full - * customization, drag can be used as a javascript prototype, it is - * inheritance-aware. - * - * @link http://nofunc.org/Drag_Drop/ - */ -var drag = { - obj: null, - handle: null, - oX: 0, // object X position - oY: 0, // object Y position - eX: 0, // event X delta - eY: 0, // event Y delta - - /** - * Attaches the needed handlers to the given object - * - * This can be called for multiple objects, the right one is later - * determined from the event itself. The handle is optional - * - * @param DOMObject obj The object that should be draggable - * @param DOMObject handle A handle on which the obj can be dragged - */ - attach: function (obj,handle) { - if(handle){ - handle.dragobject = obj; - }else{ - handle = obj; - } - var _this = this; - addEvent($(handle),'mousedown',function (e) {return _this.start(e); }); - }, - - /** - * Starts the dragging operation - */ - start: function (e){ - this.handle = e.target; - if(this.handle.dragobject){ - this.obj = this.handle.dragobject; - }else{ - this.obj = this.handle; - } - - this.handle.className += ' ondrag'; - this.obj.className += ' ondrag'; - - this.oX = parseInt(this.obj.style.left); - this.oY = parseInt(this.obj.style.top); - this.eX = e.pageX; - this.eY = e.pageY; - - var _this = this; - this.mousehandlers = [function (e) {return _this.drag(e);}, function (e) {return _this.stop(e);}]; - addEvent(document,'mousemove', this.mousehandlers[0]); - addEvent(document,'mouseup', this.mousehandlers[1]); - - return false; - }, - - /** - * Ends the dragging operation - */ - stop: function(){ - this.handle.className = this.handle.className.replace(/ ?ondrag/,''); - this.obj.className = this.obj.className.replace(/ ?ondrag/,''); - removeEvent(document,'mousemove', this.mousehandlers[0]); - removeEvent(document,'mouseup', this.mousehandlers[1]); - this.obj = null; - this.handle = null; - }, - - /** - * Moves the object during the dragging operation - */ - drag: function(e) { - if(this.obj) { - this.obj.style.top = (e.pageY+this.oY-this.eY+'px'); - this.obj.style.left = (e.pageX+this.oX-this.eX+'px'); - } - } -}; |