classified dd and finalized multi-inheritance
[xynt.git] / test_dd.html
diff --git a/test_dd.html b/test_dd.html
new file mode 100644 (file)
index 0000000..2b879ae
--- /dev/null
@@ -0,0 +1,175 @@
+<html>
+<head>
+<script type="text/javascript" src="commons.js"></script>
+<script type="text/javascript" src="xynt-base.js"></script>
+<script type="text/javascript" src="xynt-dd.js"></script>
+<script type="text/javascript" src="xynt-link.js"></script>
+<script type="text/javascript">
+  function dropt1()
+  {
+    ; //alert("t1");
+  }
+  window.onload = function() {
+    console.log("HT"+$('t1'));
+    Drag.call($('t1'), dropt1, -1600, 1600, 10,10);
+  }
+</script>
+<!--
+<script type="text/javascript">
+
+function Adamo() {
+    this.name = "adamo";
+}
+
+Adamo.prototype = {
+    alupa: null,
+
+    pname: function()
+    {
+        console.log("NAME: "+this.name);
+    }
+}
+
+function Caino() {
+    this.super.constructor.call(this);
+    this.nname = "caino";
+}
+
+Caino.prototype = {
+    gojira: null,
+
+    pname2: function()
+    {
+        console.log("NAME:  "+this.name);
+        console.log("NNAME: "+this.nname);
+    }
+}
+
+function Extends_simple(sub, super)
+{
+    var thinF = function(){};
+    thinF.prototype = super.prototype;
+    var tmp = new thinF();
+
+    for( var f in sub.prototype) {
+        tmp[f] = sub.prototype[f];
+        tmp['constructor'] = sub;
+    }
+    if( super.prototype.constructor == Object.prototype.constructor ){
+        super.prototype.constructor = super;
+    }
+    tmp['super'] = super.prototype;
+    sub.prototype = tmp;
+}
+
+Extends_simple(Caino, Adamo);
+
+var c = new Caino();
+
+console.log("A "+c.alupa);
+console.log("G "+c.gojira);
+console.log("U "+c.unko);
+
+c.pname();
+c.pname2();
+
+function PreA() {
+    this.a_din = "adamo";
+}
+
+PreA.prototype = {
+    a_attr: "a attr content",
+    name: "PreA",
+
+    a_func: function()
+    {
+        console.log("A_NAME: "+this.a_din);
+        console.log("A_ATTR: "+this.a_attr);
+    }
+}
+
+function A() {
+    PreA.call(this);
+}
+A.prototype = {
+    name: "A"
+}
+Extends(A, PreA);
+
+function B() {
+    this.b_din = "bonobo";
+}
+
+B.prototype = {
+    name: "B",
+    b_attr: "b attr content",
+
+    b_func: function()
+    {
+        console.log("B_NAME: "+this.b_din);
+        console.log("B_ATTR: "+this.b_attr);
+    }
+}
+
+function C() {
+    this.c_din = "canuca";
+}
+
+C.prototype = {
+    name: "C",
+    c_attr: "c attr content",
+
+    c_func: function()
+    {
+        console.log("C_NAME: "+this.c_din);
+        console.log("C_ATTR: "+this.c_attr);
+    }
+}
+
+
+function Summo() {
+    this.s_name = "caino";
+    A.call(this);
+    B.call(this);
+    C.call(this);
+
+}
+
+Summo.prototype = {
+    name: "Summo",
+    s_attr: null,
+
+
+    c_func: function()
+    {
+         console.log("c_func overwrited");
+    },
+
+    s_func: function()
+    {
+         this.a_func();
+         this.b_func();
+         this.c_func();
+         console.log("name: "+this.name);
+    }
+}
+
+Extends(Summo, A, B, C);
+
+
+s_ist = new Summo();
+s_ist.s_func();
+
+</script>
+-->
+
+</head>
+<body>
+<!-- task:begin -->
+<div id="board" style="width: 1600; height: 800px; background-color: #f0f0f0; border: 1px solid black; position: relative;">
+
+  <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>
+  
+</div>
+</body>
+</html>