xynt-div-coord-test.js

   1
   2 function dimension()
   3 {
   4     //var w = getStyle(window.document.body, "width", "width");
   5     //var h = getStyle(window.document.body, "height", "height");
   6     var w = window.innerWidth;
   7     var h = window.innerHeight;
   8
   9     console.log("W: "+w+" H: "+h);
  10
  11     $('board-drag').style.left    =  (parseInt(w) / 2 - 2)+"px";
  12     $('board-drag').style.top     =  "0px";
  13     /*$('board-drag').style.width   =  (10)+"px"; */
  14     $('board-drag').style.height  =  (parseInt(h) - 2)+"px";
  15
  16     $('board').xynt_divcoo_hidescroll = 0;
  17     $('board').style.top    =  "0px";
  18     $('board').style.left   =  "0px";
  19     // $('board').style.width  =  (parseInt(w) / 2 - 2)+"px";
  20     $('board').style.height =  (parseInt(h) - 2)+"px";
  21
  22     $('board').style.width  = parseInt($('board-drag').style.left)+$('board').xynt_divcoo_hidescroll+"px";
  23     if (parseInt($('board').style.width) > $('board').clientWidth) {
  24         // alert("di qui");
  25         $('board').xynt_divcoo_hidescroll = parseInt($('board').style.width) - $('board').clientWidth;
  26         $('board').style.width  = parseInt($('board-drag').style.left)+$('board').xynt_divcoo_hidescroll+"px";
  27         // $('board').style.width = (parseInt($('board').style.width) + $('board').xynt_divcoo_hidescroll)+"px";
  28     }
  29
  30     // $('board2').style.left    =  (parseInt(w) / 2 - 1 + parseInt($('board-drag').style.width))+"px";
  31     $('board2').style.left  = parseInt($('board-drag').style.left)+parseInt($('board-drag').style.width)+1+"px";
  32     $('board2').style.top     =  "0px";
  33     $('board2').style.width = (w - (parseInt($('board-drag').style.left)+parseInt($('board-drag').style.width)+4))+"px";
  34     // $('board2').style.width   =  (parseInt(w) / 2 - 2 - 10)+"px";
  35     $('board2').style.height  =  (parseInt(h) - 2)+"px";
  36
  37
  38
  39     var h1 = $('board2').clientHeight;
  40     var h2 = $('board').clientHeight;
  41
  42     if (h1 > h2) {
  43         $('board2').style.height = h2+"px";
  44     }
  45     else if (h2 > h1) {
  46         $('board').style.height = h1+"px";
  47     }
  48
  49     console.log($('board2').scrollTop);
  50     $('board').scrollTop = $('board2').scrollTop;
  51 }
  52
  53
  54 function resize(event, obj)
  55 {
  56     if (event == 'drag') {
  57         var w = window.innerWidth;
  58
  59         $('board').style.width  = parseInt($('board-drag').style.left)-1+$('board').xynt_divcoo_hidescroll+"px";
  60         $('board2').style.left  = parseInt($('board-drag').style.left)+parseInt($('board-drag').style.width)+1+"px";
  61         $('board2').style.width = (w - (parseInt($('board-drag').style.left)+parseInt($('board-drag').style.width)+4))+"px";
  62         console.log("conn_update: "+event);
  63     }
  64 }
  65
  66
  67 function scroll()
  68 {
  69     // console.log("scroll");
  70     // $('board').style.top = -parseInt($('board2').scrollTop)+"px";
  71     $('board').scrollTop = $('board2').scrollTop;
  72 }
  73
  74 function scroll2()
  75 {
  76     // console.log("scroll2:");
  77     $('board2').scrollTop = $('board').scrollTop;
  78 }
  79
  80 function dropr1()
  81 {
  82     ; //alert("t1");
  83 }
  84
  85 window.onload = function () {
  86     dimension();
  87     $('board').xynt_conn_update = resize;
  88     var ret = ExtendsInst($('board-drag'), xynt_dd, [ dropr1, -1600, 1600, 0,0 ]);
  89     console.log("RET: "+ret);
  90     console.log("xynt_conn_ect-v");
  91     console.log($('board-drag').xynt_conn_ect);
  92     $('board-drag').xynt_conn_ect($('board'));
  93     // console.log($('board-drag'));
  94     return;
  95 }