classified dd and finalized multi-inheritance

[xynt.git] / xynt-dd.js

diff --git a/xynt-dd.js b/xynt-dd.js
index 253c274..ca20b6d 100644 (file)
--- a/xynt-dd.js
+++ b/xynt-dd.js
@@ -30,65 +30,67 @@
  * 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
+function Drag(mouseup_cb, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)\r
+{\r
+    console.log("xx"+this);\r
+    this.onmousedown   = Drag.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.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
-                       o.root.style.top   = "0px";\r
-                   }\r
-                   else {\r
-                       o.root.style.top   = res;\r
+                       this.root.style.left   = "0px";\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
+       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
+Drag.prototype = {\r
 \r
-               o.root.onDragStart      = new Function();\r
-               o.root.onDragEnd        = new Function();\r
-               o.root.onDrag           = new Function();\r
-       },\r
+       obj : null,\r
 \r
        start : function(e)\r
        {\r
+            console.log("Drag.start");\r
                var o = Drag.obj = this;\r
-               e = Drag.fixE(e);\r
+               e = Drag.prototype.fixE(e);\r
 \r
                if (!e) \r
                    var e = window.event\r
@@ -125,8 +127,8 @@ var Drag = {
                        if (o.maxY != null) o.minMouseY = -o.maxY + e.clientY + y;\r
                }\r
 \r
-               document.onmousemove    = Drag.drag;\r
-               document.onmouseup      = Drag.end;\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
@@ -137,7 +139,7 @@ var Drag = {
 \r
        drag : function(e)\r
        {\r
-               e = Drag.fixE(e);\r
+               e = Drag.prototype.fixE(e);\r
                var o = Drag.obj;\r
 \r
                var ey  = e.clientY;\r
@@ -173,7 +175,7 @@ var Drag = {
 \r
        end : function(e)\r
        {\r
-               e = Drag.fixE(e);\r
+               e = Drag.prototype.fixE(e);\r
                var o = Drag.obj;\r
 \r
                o.style.zIndex = o.oldzidx;\r