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 function dropr3()
  34 {
  35     ; // alert("r3");
  36 }
  37
  38 function dropr4()
  39 {
  40     ; // alert("r4");
  41 }
  42
  43 window.onload = function () {
  44     // window.setTimeout(exchange, 2000);
  45
  46     Drag.call($('t1'), dropr1, -1600, 1600, 10,10);
  47     Drag.call($('t2'), dropr2, -1600, 1600, 10,10);
  48     Drag.call($('t3'), dropr1, -1600, 1600, 10,10);
  49     Drag.call($('t4'), dropr2, -1600, 1600, 10,10);
  50
  51     Drag.call($('r1'), dropr1, 0,0, -900,900);
  52     Drag.call($('r2'), dropr2, 0,0, -900,900);
  53     Drag.call($('r3'), dropr3, 0,0, -900,900);
  54     Drag.call($('r4'), dropr4, 0,0, -900,900);
  55
  56     l = new tasks_link($('board'), $('t1'), $('t2'), "ss");
  57     l = new tasks_link($('board'), $('t3'), $('t4'), "ss");
  58
  59 }
  60 </script>
  61
  62 </head>
  63 <body>
  64 <!-- task:begin -->
  65 <div id="board" style="width: 1600; height: 800px; background-color: #f0f0f0; border: 1px solid black; position: relative;">
  66   <div id="r1" style="width: 1600; height: 40px; left: 0px; top: 0px; background-color: #e8e8e8; border: 0px solid red; position: absolute;">
  67     <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>
  68   </div>
  69
  70   <div id="r2" style="width: 1600;  left: 0px; top: 40px; height: 40px; background-color: #e8e8ff; border: 0px solid red; position: absolute;">
  71     <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>
  72   </div>
  73
  74   <div id="r3" style="width: 1600; height: 40px; left: 0px; top: 80px; background-color: #e8e8e8; border: 0px solid red; position: absolute;">
  75     <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>
  76   </div>
  77
  78   <div id="r4" style="width: 1600;  left: 0px; top: 120px; height: 40px; background-color: #e8e8ff; border: 0px solid red; position: absolute;">
  79     <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>
  80   </div>
  81
  82   <!-- task:end -->
  83
  84
  85 </div>
  86 </body>
  87 </html>