mgcanvas, memdb

[chnosproject/AI004.git] / mgcanvas / index.html

diff --git a/mgcanvas/index.html b/mgcanvas/index.html
index 8ea27ea..5d02701 100755 (executable)
--- a/mgcanvas/index.html
+++ b/mgcanvas/index.html
@@ -18,117 +18,15 @@
 <script type="text/javascript">
 
 var mgmain;
+var memdb;
 
 onload = function() {
+       memdb = new MemoryDB("./../memdb/memdb.php");
+       memdb.syncDB();
+       
        var c = document.getElementById("mainCanvas");
        mgmain = new MGCanvas(c);
-       
-       /*
-       mgmain.setGraph([[
-               "A","B","C","D","E","F",
-               ],[
-               ["D", "F"],
-               ["D", "E"],
-               ["C", "E"],
-               ["B", "E"],
-               ["B", "C"],
-               ["A", "E"],
-               ["A", "B"],
-       ]]);
-       */
-       /*
-       mgmain.setGraph([[
-               "A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P",
-               ],[
-               ["A", "B"],
-               ["A", "C"],
-               ["A", "D"],
-               ["A", "E"],
-               ["A", "F"],
-               ["A", "G"],
-               ["A", "H"],
-               ["A", "I"],
-               ["A", "J"],
-               ["A", "K"],
-               ["A", "L"],
-               ["A", "M"],
-               ["A", "N"],
-               ["A", "O"],
-               ["A", "P"],
-       ]]);
-       */
-       /*
-       mgmain.setGraph([[
-               "A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P",
-               ],[
-               ["A", "B"],
-               ["B", "C"],
-               ["C", "D"],
-               ["D", "E"],
-               ["E", "F"],
-               ["F", "G"],
-               ["G", "H"],
-               ["A", "I"],
-               ["A", "J"],
-               ["A", "K"],
-               ["A", "L"],
-               ["A", "M"],
-               ["A", "N"],
-               ["A", "O"],
-               ["A", "P"],
-       ]]);
-       */
-       /*
-       //Petersen Graph
-       mgmain.setGraph([[
-               "A","B","C","D","E","F","G","H","I","J",
-               ],[
-               ["A", "B", "AB"],
-               ["B", "C", "BC"],
-               ["C", "D", "CD"],
-               ["D", "E"],
-               ["E", "A"],
-               //
-               ["A", "F"],
-               ["B", "G"],
-               ["C", "H"],
-               ["D", "I"],
-               ["E", "J"],
-               //
-               ["H", "F"],
-               ["I", "G"],
-               ["J", "H"],
-               ["F", "I"],
-               ["G", "J"],
-       ]]);
-       */
-       /*
-       mgmain.setGraph([[
-               "A","B","C","D","E","F","G","H","I","J","K","L","M","N","O",
-               ],[
-               ["A", "B"],
-               ["A", "C"],
-               ["A", "D"],
-               ["A", "E"],
-               //
-               ["B", "F"],
-               ["B", "G"],
-               //
-               ["C", "H"],
-               ["C", "I"],
-               //
-               ["D", "J"],
-               ["D", "K"],
-               //
-               ["E", "L"],
-               ["E", "M"],
-               //
-               ["A", "N"],
-               //
-               ["M", "O"],
-       ]]);
-       */
-       
+       mgmain.loadGraphFromMemoryDB(memdb);
 }
 </script>
 </head>
@@ -144,7 +42,11 @@ onload = function() {
 <button onclick="mgmain.moveViewRelative(0, 10);">↓</button>
 <button onclick="mgmain.moveViewRelative(-10, 0);">←</button>
 <button onclick="mgmain.moveViewRelative(10, 0);">→</button>
-<input id="identBox" type="text">
-<button onclick="mgmain.setIdentifierForSelectedNode(getElementById('identBox').value);">set</button>
+<br />
+identifier:<input id="identBox" type="text"></input>
+<br />
+<button onclick="mgmain.setIdentifierForSelectedNode(getElementById('identBox').value);">setNodeIdent</button>
+<button onclick="memdb.addNode(getElementById('identBox').value);">addNode</button>
+
 </body>
 </html>
\ No newline at end of file