* sometimes fired off the handle, not the root.\r
**************************************************/\r
\r
-var Drag = {\r
-\r
- obj : null,\r
-\r
- init : function(o, mouseup_cb, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)\r
- {\r
- o.onmousedown = Drag.start;\r
- o.mouseup_cb = mouseup_cb;\r
- o.connect = function(conn)\r
- {\r
- this.parentNode.connected[this.parentNode.connected.length] = conn;\r
- }\r
-\r
- o.connected = new Array();\r
- /* alert("agnulla"+o.style.left); */\r
-\r
- o.hmode = bSwapHorzRef ? false : true ;\r
- o.vmode = bSwapVertRef ? false : true ;\r
-\r
- o.root = oRoot && oRoot != null ? oRoot : o ;\r
-\r
- if (o.hmode && isNaN(parseInt(o.root.style.left ))) {\r
- var res = parseInt(getStyle(o, "left", "left"));\r
- if (isNaN(res)) {\r
- o.root.style.left = "0px";\r
- }\r
- else {\r
- o.root.style.left = res;\r
- }\r
- }\r
- if (o.vmode && isNaN(parseInt(o.root.style.top ))) {\r
- var res = parseInt(getStyle(o, "top", "top"));\r
- if (isNaN(res)) {\r
- o.root.style.top = "0px";\r
- }\r
- else {\r
- o.root.style.top = res;\r
- }\r
- }\r
- if (!o.hmode && isNaN(parseInt(o.root.style.right ))) o.root.style.right = "0px";\r
- if (!o.vmode && isNaN(parseInt(o.root.style.bottom))) o.root.style.bottom = "0px";\r
-\r
- o.minX = typeof minX != 'undefined' ? minX : null;\r
- o.minY = typeof minY != 'undefined' ? minY : null;\r
- o.maxX = typeof maxX != 'undefined' ? maxX : null;\r
- o.maxY = typeof maxY != 'undefined' ? maxY : null;\r
-\r
- o.xMapper = fXMapper ? fXMapper : null;\r
- o.yMapper = fYMapper ? fYMapper : null;\r
-\r
- o.root.onDragStart = new Function();\r
- o.root.onDragEnd = new Function();\r
- o.root.onDrag = new Function();\r
- },\r
-\r
- start : function(e)\r
- {\r
- var o = Drag.obj = this;\r
- e = Drag.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.drag;\r
- document.onmouseup = Drag.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.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.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
+function xynt_dd(mouseup_cb, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)\r
+{\r
+ xynt_connect.call(this);\r
+\r
+ this.onmousedown = xynt_dd.prototype.start;\r
+ this.mouseup_cb = mouseup_cb;\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
+ \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
+ else {\r
+ this.root.style.left = res;\r
+ }\r
+ }\r
+ if (this.vmode && isNaN(parseInt(this.root.style.top ))) {\r
+ var res = parseInt(getStyle(o, "top", "top"));\r
+ if (isNaN(res)) {\r
+ this.root.style.top = "0px";\r
+ }\r
+ else {\r
+ this.root.style.top = res;\r
+ }\r
+ }\r
+ if (!this.hmode && isNaN(parseInt(this.root.style.right ))) this.root.style.right = "0px";\r
+ if (!this.vmode && isNaN(parseInt(this.root.style.bottom))) this.root.style.bottom = "0px";\r
+ \r
+ this.minX = typeof minX != 'undefined' ? minX : null;\r
+ this.minY = typeof minY != 'undefined' ? minY : null;\r
+ this.maxX = typeof maxX != 'undefined' ? maxX : null;\r
+ this.maxY = typeof maxY != 'undefined' ? maxY : null;\r
+ \r
+ this.xMapper = fXMapper ? fXMapper : null;\r
+ this.yMapper = fYMapper ? fYMapper : null;\r
+ \r
+ this.root.onDragStart = new Function();\r
+ this.root.onDragEnd = new Function();\r
+ this.root.onDrag = new Function();\r
+}\r
+\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
projects / xynt.git / blobdiff