| New file |
|---|
| 0,0 → 1,114 |
|---|
| if(!dojo._hasResource["dojox.gfx.move"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code. |
| dojo._hasResource["dojox.gfx.move"] = true; |
| dojo.provide("dojox.gfx.move"); |
| dojo.experimental("dojox.gfx.move"); |
| |
| dojox.gfx.Mover = function(shape, e){ |
| // summary: an object, which makes a shape follow the mouse, |
| // used as a default mover, and as a base class for custom movers |
| // shape: dojox.gfx.Shape: a shape object to be moved |
| // e: Event: a mouse event, which started the move; |
| // only clientX and clientY properties are used |
| this.shape = shape; |
| this.lastX = e.clientX |
| this.lastY = e.clientY; |
| var d = document, firstEvent = dojo.connect(d, "onmousemove", this, "onFirstMove"); |
| this.events = [ |
| dojo.connect(d, "onmousemove", this, "onMouseMove"), |
| dojo.connect(d, "onmouseup", this, "destroy"), |
| // cancel text selection and text dragging |
| dojo.connect(d, "ondragstart", dojo, "stopEvent"), |
| dojo.connect(d, "onselectstart", dojo, "stopEvent"), |
| firstEvent |
| ]; |
| // set globals to indicate that move has started |
| dojo.publish("/gfx/move/start", [this]); |
| dojo.addClass(dojo.body(), "dojoMove"); |
| }; |
| |
| dojo.extend(dojox.gfx.Mover, { |
| // mouse event processors |
| onMouseMove: function(e){ |
| // summary: event processor for onmousemove |
| // e: Event: mouse event |
| var x = e.clientX; |
| var y = e.clientY; |
| this.shape.applyLeftTransform({dx: x - this.lastX, dy: y - this.lastY}); |
| this.lastX = x; |
| this.lastY = y; |
| dojo.stopEvent(e); |
| }, |
| // utilities |
| onFirstMove: function(){ |
| // summary: it is meant to be called only once |
| dojo.disconnect(this.events.pop()); |
| }, |
| destroy: function(){ |
| // summary: stops the move, deletes all references, so the object can be garbage-collected |
| dojo.forEach(this.events, dojo.disconnect); |
| // undo global settings |
| dojo.publish("/gfx/move/stop", [this]); |
| dojo.removeClass(dojo.body(), "dojoMove"); |
| // destroy objects |
| this.events = this.shape = null; |
| } |
| }); |
| |
| dojox.gfx.Moveable = function(shape, params){ |
| // summary: an object, which makes a shape moveable |
| // shape: dojox.gfx.Shape: a shape object to be moved |
| // params: Object: an optional object with additional parameters; |
| // following parameters are recognized: |
| // delay: Number: delay move by this number of pixels |
| // mover: Object: a constructor of custom Mover |
| this.shape = shape; |
| this.delay = (params && params.delay > 0) ? params.delay : 0; |
| this.mover = (params && params.mover) ? params.mover : dojox.gfx.Mover; |
| this.events = [ |
| this.shape.connect("onmousedown", this, "onMouseDown"), |
| // cancel text selection and text dragging |
| //dojo.connect(this.handle, "ondragstart", dojo, "stopEvent"), |
| //dojo.connect(this.handle, "onselectstart", dojo, "stopEvent") |
| ]; |
| }; |
| |
| dojo.extend(dojox.gfx.Moveable, { |
| // methods |
| destroy: function(){ |
| // summary: stops watching for possible move, deletes all references, so the object can be garbage-collected |
| dojo.forEach(this.events, "disconnect", this.shape); |
| this.events = this.shape = null; |
| }, |
| |
| // mouse event processors |
| onMouseDown: function(e){ |
| // summary: event processor for onmousedown, creates a Mover for the shape |
| // e: Event: mouse event |
| if(this.delay){ |
| this.events.push(this.shape.connect("onmousemove", this, "onMouseMove")); |
| this.events.push(this.shape.connect("onmouseup", this, "onMouseUp")); |
| this._lastX = e.clientX; |
| this._lastY = e.clientY; |
| }else{ |
| new this.mover(this.shape, e); |
| } |
| dojo.stopEvent(e); |
| }, |
| onMouseMove: function(e){ |
| // summary: event processor for onmousemove, used only for delayed drags |
| // e: Event: mouse event |
| if(Math.abs(e.clientX - this._lastX) > this.delay || Math.abs(e.clientY - this._lastY) > this.delay){ |
| this.onMouseUp(e); |
| new this.mover(this.shape, e); |
| } |
| dojo.stopEvent(e); |
| }, |
| onMouseUp: function(e){ |
| // summary: event processor for onmouseup, used only for delayed delayed drags |
| // e: Event: mouse event |
| this.shape.disconnect(this.events.pop()); |
| this.shape.disconnect(this.events.pop()); |
| } |
| }); |
| |
| } |