From 53562a79b80759997b8404fd60ab05dcf9b6c4bd Mon Sep 17 00:00:00 2001
From: Matteo Nastasi <matteo.nastasi@lucinilucini.com>
Date: Fri, 11 Nov 2011 19:47:38 +0100
Subject: [PATCH] connect function added to add the current node to the parent
 event dispatcher

---
 mplanner.html | 31 +++++++++++++++++++++++--------
 xynt-dd.js    |  5 +++++
 xynt-link.js  |  2 +-
 3 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/mplanner.html b/mplanner.html
index 88d0ab8..ed5e605 100644
--- 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
--- a/xynt-dd.js
+++ b/xynt-dd.js
@@ -38,6 +38,11 @@ var Drag = {
 	{
 	    o.onmousedown   = Drag.start;
 	    o.mouseup_cb    = mouseup_cb;
+            o.connect       = function(conn)
+            {
+                this.parentNode.connected[this.parentNode.connected.length] = conn;
+            }
+
             o.connected     = new Array();
 		/*  		alert("agnulla"+o.style.left); */
 
diff --git a/xynt-link.js b/xynt-link.js
index 3838372..12ae9c1 100644
--- 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()
-- 
2.17.1