* sometimes fired off the handle, not the root.\r
**************************************************/\r
\r
-function Drag(mouseup_cb, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)\r
+function xynt_dd(mouseup_cb, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)\r
{\r
- console.log("xx"+this);\r
- this.onmousedown = Drag.prototype.start;\r
+ xynt_connect.call(this);\r
+\r
+ this.onmousedown = xynt_dd.prototype.start;\r
this.mouseup_cb = mouseup_cb;\r
- this.connect = function(conn)\r
- {\r
- this.parentNode.connected[this.parentNode.connected.length] = conn;\r
- }\r
- \r
- this.connected = new Array();\r
- /* alert("agnulla"+this.style.left); */\r
- \r
- this.hmode = bSwapHorzRef ? false : true ;\r
- this.vmode = bSwapVertRef ? false : true ;\r
+\r
+ this.hmode = bSwapHorzRef ? false : true ;\r
+ this.vmode = bSwapVertRef ? false : true ;\r
\r
- this.root = this.xynt_dom_el && this.xynt_dom_el != null ? this.xynt_dom_el : this ;\r
+ this.root = (this.xynt_dom_el && this.xynt_dom_el != null) ? this.xynt_dom_el : this ;\r
\r
- if (this.hmode && isNaN(parseInt(this.root.style.left ))) {\r
+ if (this.hmode && isNaN(parseInt(this.root.style.left))) {\r
var res = parseInt(getStyle(o, "left", "left"));\r
- if (isNaN(res)) {\r
- this.root.style.left = "0px";\r
- }\r
+ if (isNaN(res)) {\r
+ this.root.style.left = "0px";\r
+ }\r
else {\r
this.root.style.left = res;\r
}\r
this.xMapper = fXMapper ? fXMapper : null;\r
this.yMapper = fYMapper ? fYMapper : null;\r
\r
- this.root.onDragStart = new Function();\r
+ this.root.onDragStart = new Function();\r
this.root.onDragEnd = new Function();\r
- this.root.onDrag = new Function();\r
+ this.root.onDrag = new Function();\r
}\r
\r
-Drag.prototype = {\r
-\r
- obj : null,\r
-\r
- start : function(e)\r
- {\r
- console.log("Drag.start");\r
- var o = Drag.obj = this;\r
- e = Drag.prototype.fixE(e);\r
-\r
- if (!e) \r
- var e = window.event\r
- // handle event\r
- e.cancelBubble = true;\r
- if (e.stopPropagation) \r
- e.stopPropagation();\r
-\r
- o.oldzidx = o.style.zIndex;\r
- o.style.zIndex = 10;\r
-\r
- // alert("start");\r
-\r
- var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom);\r
- var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );\r
- o.root.onDragStart(x, y);\r
-\r
- o.lastMouseX = e.clientX;\r
- o.lastMouseY = e.clientY;\r
-\r
- if (o.hmode) {\r
- if (o.minX != null) o.minMouseX = e.clientX - x + o.minX;\r
- if (o.maxX != null) o.maxMouseX = o.minMouseX + o.maxX - o.minX;\r
- } else {\r
- if (o.minX != null) o.maxMouseX = -o.minX + e.clientX + x;\r
- if (o.maxX != null) o.minMouseX = -o.maxX + e.clientX + x;\r
- }\r
-\r
- if (o.vmode) {\r
- if (o.minY != null) o.minMouseY = e.clientY - y + o.minY;\r
- if (o.maxY != null) o.maxMouseY = o.minMouseY + o.maxY - o.minY;\r
- } else {\r
- if (o.minY != null) o.maxMouseY = -o.minY + e.clientY + y;\r
- if (o.maxY != null) o.minMouseY = -o.maxY + e.clientY + y;\r
- }\r
-\r
- document.onmousemove = Drag.prototype.drag;\r
- document.onmouseup = Drag.prototype.end;\r
-\r
- for(var i = 0 ; i < o.connected.length ; i++) {\r
- o.connected[i].update('start', o);\r
- }\r
-\r
- return false;\r
- },\r
-\r
- drag : function(e)\r
- {\r
- e = Drag.prototype.fixE(e);\r
- var o = Drag.obj;\r
-\r
- var ey = e.clientY;\r
- var ex = e.clientX;\r
- var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom);\r
- var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );\r
- var nx, ny;\r
-\r
- if (o.minX != null) ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX);\r
- if (o.maxX != null) ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX);\r
- if (o.minY != null) ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY);\r
- if (o.maxY != null) ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY);\r
-\r
- nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1));\r
- ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1));\r
-\r
- if (o.xMapper) nx = o.xMapper(y)\r
- else if (o.yMapper) ny = o.yMapper(x)\r
-\r
- Drag.obj.root.style[o.hmode ? "left" : "right"] = nx + "px";\r
- Drag.obj.root.style[o.vmode ? "top" : "bottom"] = ny + "px";\r
- Drag.obj.lastMouseX = ex;\r
- Drag.obj.lastMouseY = ey;\r
-\r
- Drag.obj.root.onDrag(nx, ny);\r
-\r
- for(var i = 0 ; i < o.connected.length ; i++) {\r
- o.connected[i].update('drag', o);\r
- }\r
-\r
- return false;\r
- },\r
-\r
- end : function(e)\r
- {\r
- e = Drag.prototype.fixE(e);\r
- var o = Drag.obj;\r
-\r
- o.style.zIndex = o.oldzidx;\r
- // alert("END");\r
- if (o.mouseup_cb != null) {\r
- if (o.mouseup_cb(o) == 1) {\r
- o.onmousedown = null;\r
- }\r
- }\r
-\r
- document.onmousemove = null;\r
- document.onmouseup = null;\r
- Drag.obj.root.onDragEnd( parseInt(Drag.obj.root.style[Drag.obj.hmode ? "left" : "right"]), \r
- parseInt(Drag.obj.root.style[Drag.obj.vmode ? "top" : "bottom"]));\r
- for(var i = 0 ; i < o.connected.length ; i++) {\r
- o.connected[i].update('end', o);\r
- }\r
-\r
- Drag.obj = null;\r
- },\r
-\r
- fixE : function(e)\r
- {\r
- if (typeof e == 'undefined') e = window.event;\r
- if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;\r
- if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;\r
- return e;\r
+xynt_dd.prototype = {\r
+\r
+ obj : null,\r
+\r
+ start : function(e)\r
+ {\r
+ var o = xynt_dd.obj = this;\r
+ e = xynt_dd.prototype.fixE(e);\r
+\r
+ if (!e) \r
+ var e = window.event\r
+ // handle event\r
+ e.cancelBubble = true;\r
+ if (e.stopPropagation) \r
+ e.stopPropagation();\r
+\r
+ o.oldzidx = o.style.zIndex;\r
+ o.style.zIndex = 10;\r
+\r
+ var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom);\r
+ var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );\r
+ o.root.onDragStart(x, y);\r
+\r
+ o.lastMouseX = e.clientX;\r
+ o.lastMouseY = e.clientY;\r
+\r
+ if (o.hmode) {\r
+ if (o.minX != null) o.minMouseX = e.clientX - x + o.minX;\r
+ if (o.maxX != null) o.maxMouseX = o.minMouseX + o.maxX - o.minX;\r
+ } else {\r
+ if (o.minX != null) o.maxMouseX = -o.minX + e.clientX + x;\r
+ if (o.maxX != null) o.minMouseX = -o.maxX + e.clientX + x;\r
+ }\r
+\r
+ if (o.vmode) {\r
+ if (o.minY != null) o.minMouseY = e.clientY - y + o.minY;\r
+ if (o.maxY != null) o.maxMouseY = o.minMouseY + o.maxY - o.minY;\r
+ } else {\r
+ if (o.minY != null) o.maxMouseY = -o.minY + e.clientY + y;\r
+ if (o.maxY != null) o.minMouseY = -o.maxY + e.clientY + y;\r
}\r
+\r
+ // console.log("assign");\r
+ document.onmousemove = xynt_dd.prototype.drag;\r
+ document.onmouseup = xynt_dd.prototype.end;\r
+\r
+ for(var i = 0 ; i < o.xynt_conn_ected.length ; i++) {\r
+ o.xynt_conn_ected[i].xynt_conn_update('start', o);\r
+ }\r
+\r
+ return false;\r
+ },\r
+\r
+ drag : function(e)\r
+ {\r
+ e = xynt_dd.prototype.fixE(e);\r
+ var o = xynt_dd.obj;\r
+ \r
+ var ey = e.clientY;\r
+ var ex = e.clientX;\r
+ var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom);\r
+ var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );\r
+ var nx, ny;\r
+\r
+ if (o.minX != null) ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX);\r
+ if (o.maxX != null) ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX);\r
+ if (o.minY != null) ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY);\r
+ if (o.maxY != null) ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY);\r
+ \r
+ nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1));\r
+ ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1));\r
+\r
+ if (o.xMapper) nx = o.xMapper(y)\r
+ else if (o.yMapper) ny = o.yMapper(x)\r
+\r
+ xynt_dd.obj.root.style[o.hmode ? "left" : "right"] = nx + "px";\r
+ xynt_dd.obj.root.style[o.vmode ? "top" : "bottom"] = ny + "px";\r
+ xynt_dd.obj.lastMouseX = ex;\r
+ xynt_dd.obj.lastMouseY = ey;\r
+\r
+ xynt_dd.obj.root.onDrag(nx, ny);\r
+ \r
+ console.log("pre call it"+o.xynt_conn_ected.length);\r
+ for(var i = 0 ; i < o.xynt_conn_ected.length ; i++) {\r
+ console.log("call it");\r
+ o.xynt_conn_ected[i].xynt_conn_update('drag', o);\r
+ }\r
+ \r
+ return false;\r
+ },\r
+\r
+ end : function(e)\r
+ {\r
+ e = xynt_dd.prototype.fixE(e);\r
+ var o = xynt_dd.obj;\r
+\r
+ o.style.zIndex = o.oldzidx;\r
+ if (o.mouseup_cb != null) {\r
+ if (o.mouseup_cb(o) == 1) {\r
+ o.onmousedown = null;\r
+ }\r
+ }\r
+\r
+ document.onmousemove = null;\r
+ document.onmouseup = null;\r
+ xynt_dd.obj.root.onDragEnd( parseInt(xynt_dd.obj.root.style[xynt_dd.obj.hmode ? "left" : "right"]), \r
+ parseInt(xynt_dd.obj.root.style[xynt_dd.obj.vmode ? "top" : "bottom"]));\r
+ for(var i = 0 ; i < o.xynt_conn_ected.length ; i++) {\r
+ o.xynt_conn_ected[i].xynt_conn_update('end', o);\r
+ }\r
+\r
+ xynt_dd.obj = null;\r
+ },\r
+\r
+ fixE : function(e)\r
+ {\r
+ if (typeof e == 'undefined') e = window.event;\r
+ if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;\r
+ if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;\r
+ return e;\r
+ }\r
};\r
+\r
+Extends(xynt_dd, xynt_connect);
\ No newline at end of file