moved js code from html to js files

[xynt.git] / xynt-div-coord-test.js

diff --git a/xynt-div-coord-test.js b/xynt-div-coord-test.js
new file mode 100644 (file)
index 0000000..f678f3f
--- /dev/null
+++ b/xynt-div-coord-test.js
@@ -0,0 +1,95 @@
+
+function dimension()
+{
+    //var w = getStyle(window.document.body, "width", "width");
+    //var h = getStyle(window.document.body, "height", "height");
+    var w = window.innerWidth;
+    var h = window.innerHeight;
+
+    console.log("W: "+w+" H: "+h);
+
+    $('board-drag').style.left    =  (parseInt(w) / 2 - 2)+"px";
+    $('board-drag').style.top     =  "0px";
+    /*$('board-drag').style.width   =  (10)+"px"; */
+    $('board-drag').style.height  =  (parseInt(h) - 2)+"px";
+
+    $('board').xynt_divcoo_hidescroll = 0;
+    $('board').style.top    =  "0px";
+    $('board').style.left   =  "0px";
+    // $('board').style.width  =  (parseInt(w) / 2 - 2)+"px";
+    $('board').style.height =  (parseInt(h) - 2)+"px";
+
+    $('board').style.width  = parseInt($('board-drag').style.left)+$('board').xynt_divcoo_hidescroll+"px";
+    if (parseInt($('board').style.width) > $('board').clientWidth) {
+        // alert("di qui");
+        $('board').xynt_divcoo_hidescroll = parseInt($('board').style.width) - $('board').clientWidth;
+        $('board').style.width  = parseInt($('board-drag').style.left)+$('board').xynt_divcoo_hidescroll+"px";
+        // $('board').style.width = (parseInt($('board').style.width) + $('board').xynt_divcoo_hidescroll)+"px";
+    }
+    
+    // $('board2').style.left    =  (parseInt(w) / 2 - 1 + parseInt($('board-drag').style.width))+"px";
+    $('board2').style.left  = parseInt($('board-drag').style.left)+parseInt($('board-drag').style.width)+1+"px";
+    $('board2').style.top     =  "0px";
+    $('board2').style.width = (w - (parseInt($('board-drag').style.left)+parseInt($('board-drag').style.width)+4))+"px";
+    // $('board2').style.width   =  (parseInt(w) / 2 - 2 - 10)+"px";
+    $('board2').style.height  =  (parseInt(h) - 2)+"px";
+
+    
+
+    var h1 = $('board2').clientHeight;
+    var h2 = $('board').clientHeight;
+ 
+    if (h1 > h2) {
+        $('board2').style.height = h2+"px";
+    }
+    else if (h2 > h1) {
+        $('board').style.height = h1+"px"; 
+    }
+
+    console.log($('board2').scrollTop);
+    $('board').scrollTop = $('board2').scrollTop;
+}
+
+
+function resize(event, obj)
+{
+    if (event == 'drag') {
+        var w = window.innerWidth;
+
+        $('board').style.width  = parseInt($('board-drag').style.left)-1+$('board').xynt_divcoo_hidescroll+"px";
+        $('board2').style.left  = parseInt($('board-drag').style.left)+parseInt($('board-drag').style.width)+1+"px";
+        $('board2').style.width = (w - (parseInt($('board-drag').style.left)+parseInt($('board-drag').style.width)+4))+"px";
+        console.log("conn_update: "+event);
+    }
+}
+    
+
+function scroll()
+{
+    // console.log("scroll");
+    // $('board').style.top = -parseInt($('board2').scrollTop)+"px";
+    $('board').scrollTop = $('board2').scrollTop;
+}
+
+function scroll2()
+{
+    // console.log("scroll2:");
+    $('board2').scrollTop = $('board').scrollTop;
+}
+
+function dropr1()
+{
+    ; //alert("t1");
+}
+
+window.onload = function () {
+    dimension();
+    $('board').xynt_conn_update = resize;
+    var ret = ExtendsInst($('board-drag'), xynt_dd, [ dropr1, -1600, 1600, 0,0 ]);
+    console.log("RET: "+ret);
+    console.log("xynt_conn_ect-v");
+    console.log($('board-drag').xynt_conn_ect);
+    $('board-drag').xynt_conn_ect($('board'));
+    // console.log($('board-drag'));
+    return;
+}