mplanner.html

   1 <html>
   2 <head>
   3 <script type="text/javascript" src="commons.js"></script>
   4 <script type="text/javascript" src="xynt-dd.js"></script>
   5 <script type="text/javascript" src="xynt-link.js"></script>
   6 <script type="text/javascript">
   7
   8 function exchange()
   9 {
  10     r1 = $('r1');
  11     r2 = $('r2');
  12     pr1 = r1.parentNode;
  13     pr2 = r2.parentNode;
  14
  15     pr1.removeChild(r1);
  16     pr1.removeChild(r2);
  17
  18     pr1.appendChild(r2);
  19     pr1.appendChild(r1);
  20
  21 }
  22
  23 function dropr1()
  24 {
  25     ; // alert("r1");
  26 }
  27
  28 function dropr2()
  29 {
  30     ; // alert("r2");
  31 }
  32
  33 window.onload = function () {
  34     // window.setTimeout(exchange, 2000);
  35
  36
  37     Drag.init($('t1'), dropr1, $('t1'), -1600, 1600, 10,10);
  38     Drag.init($('t2'), dropr2, $('t2'), -1600, 1600, 10,10);
  39
  40     Drag.init($('r1'), dropr1, $('r1'), 0,0, -900,900);
  41     Drag.init($('r2'), dropr2, $('r2'), 0,0, -900,900);
  42
  43    l = new tasks_link($('lnk1'), $('board'), $('t1'), $('t2'), "ss");
  44
  45 }
  46 </script>
  47
  48 </head>
  49 <body>
  50 <!-- task:begin -->
  51 <div id="board" style="width: 1600; height: 800px; background-color: #f0f0f0; border: 1px solid black; position: relative;">
  52   <div id="r1" style="width: 1600; height: 40px; left: 0px; top: 0px; background-color: #e8e8e8; border: 0px solid red; position: absolute;">
  53     <div id="t1" style="z-index: 1; left: 10px; top: 10px; width: 100px; height: 21px; border: 1px solid gray; background-color: #c0c0ff; position: absolute;"></div>
  54   </div>
  55
  56   <div id="r2" style="width: 1600;  left: 0px; top: 40px; height: 40px; background-color: #e8e8ff; border: 0px solid red; position: absolute;">
  57     <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>
  58     <!-- <img style="position: absolute; left: 118; top: 17px;" src="arrow_ri.png"> -->
  59   </div>
  60
  61
  62   <!-- task:end -->
  63
  64   <!-- arrow:begin -->
  65
  66   <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>
  67
  68   <!-- arrow:end -->
  69
  70 </div>
  71 </body>
  72 </html>