connect function added to add the current node to the parent event dispatcher

diff --git a/mplanner.html b/mplanner.html
index 88d0ab8..ed5e605 100644 (file)
--- a/mplanner.html
+++ b/mplanner.html
@@ -30,17 +30,31 @@ function dropr2()
     ; // alert("r2");
 }
 
+function dropr3()
+{
+    ; // alert("r3");
+}
+
+function dropr4()
+{
+    ; // alert("r4");
+}
+
 window.onload = function () {
     // window.setTimeout(exchange, 2000);
 
-
     Drag.init($('t1'), dropr1, $('t1'), -1600, 1600, 10,10);
     Drag.init($('t2'), dropr2, $('t2'), -1600, 1600, 10,10);
+    Drag.init($('t3'), dropr1, $('t3'), -1600, 1600, 10,10);
+    Drag.init($('t4'), dropr2, $('t4'), -1600, 1600, 10,10);
  
     Drag.init($('r1'), dropr1, $('r1'), 0,0, -900,900);
     Drag.init($('r2'), dropr2, $('r2'), 0,0, -900,900);
+    Drag.init($('r3'), dropr3, $('r3'), 0,0, -900,900);
+    Drag.init($('r4'), dropr4, $('r4'), 0,0, -900,900);
 
-   l = new tasks_link($('board'), $('t1'), $('t2'), "ss");
+    l = new tasks_link($('board'), $('t1'), $('t2'), "ss");
+    l = new tasks_link($('board'), $('t3'), $('t4'), "ss");
 
 }
 </script>
@@ -55,17 +69,18 @@ window.onload = function () {
   
   <div id="r2" style="width: 1600;  left: 0px; top: 40px; height: 40px; background-color: #e8e8ff; border: 0px solid red; position: absolute;">
     <div id="t2" style="z-index: 1; left: 123px; top: 10px; width: 100px; height: 21px; border: 1px solid gray; background-color: #c0ffc0; position: absolute;"></div>
-    <!-- <img style="position: absolute; left: 118; top: 17px;" src="arrow_ri.png"> -->
   </div>
 
+  <div id="r3" style="width: 1600; height: 40px; left: 0px; top: 80px; background-color: #e8e8e8; border: 0px solid red; position: absolute;">
+    <div id="t3" style="z-index: 1; left: 10px; top: 10px; width: 100px; height: 21px; border: 1px solid gray; background-color: #c0c0ff; position: absolute;"></div>
+  </div>
   
-  <!-- task:end -->
-  
-  <!-- arrow:begin -->
+  <div id="r4" style="width: 1600;  left: 0px; top: 120px; height: 40px; background-color: #e8e8ff; border: 0px solid red; position: absolute;">
+    <div id="t4" style="z-index: 1; left: 123px; top: 10px; width: 100px; height: 21px; border: 1px solid gray; background-color: #c0ffc0; position: absolute;"></div>
+  </div>
   
-  <div id="lnk1" style="z-index: 1; left: 0px; top: 0px; width: 5px; height: 5px; border: 0px solid gray; /* background-color: red; */ visibility: hidden; position: absolute;"></div>
+  <!-- task:end -->
   
-  <!-- arrow:end -->
   
 </div>
 </body>

diff --git a/xynt-dd.js b/xynt-dd.js
index b07fbe1..253c274 100644 (file)
--- a/xynt-dd.js
+++ b/xynt-dd.js
@@ -38,6 +38,11 @@ var Drag = {
        {\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

diff --git a/xynt-link.js b/xynt-link.js
index 3838372..12ae9c1 100644 (file)
--- a/xynt-link.js
+++ b/xynt-link.js
@@ -38,7 +38,7 @@ function tasks_link(anc, a, b, type) {
         cur = (i == 0 ? a : b);
         cur.connected[cur.connected.length++] = this;
         for( ; cur.parentNode != null && cur.parentNode != anc ; cur = cur.parentNode) {
-            cur.parentNode.connected[cur.parentNode.connected.length++] = this;
+            cur.connect(this);
         }
     }
     this.update()