wip non dnd

diff --git a/templates/script.js b/templates/script.js
index 96a92995e9657b61d40b62e22e480eaca4540ab8..8e2637c273e31ce834551a6afdac9dbd4d7b664f 100644 (file)
--- a/templates/script.js
+++ b/templates/script.js
@@ -8,15 +8,27 @@ status_node.innerHTML = 'js-done'
 var our_dnd_type = "text/puvnex-game-server-dummy";
 
   console.log('foo1');
-function test_dragstart(event) {
-  console.log('foo2', event);
-  if (event.target instanceof HTMLLIElement) {
-    event.dataTransfer.setData(our_dnd_type,
-                              event.target.dataset.objid);
-    event.dataTransfer.effectAllowed = "move";
-  } else {
-    event.preventDefault();
-  }
+
+function drag_mousedown(e) {
+  console.log('mousedown', e);
+  dcx = e.clientX;
+  dcy = e.clientY;
+  window.addEventListener('mousemove', drag_mousemove, true);
+  window.addEventListener('mouseup',   drag_mouseup,   true);
+}
+
+function drag_mousemove(e) {
+  console.log('mousemove',
+             e.clientX - dcx,
+             e.clientY - dcy);
+}
+
+function drag_mouseup(e) {
+  console.log('mouseup',
+             e.clientX - dcx,
+             e.clientY - dcy);
+  window.removeEventListener('mousemove', drag_mousemove, true);
+  window.removeEventListener('mouseup',   drag_mouseup,   true);
 }
 
 es = new EventSource("updates");

diff --git a/templates/test.html b/templates/test.html
index 1269b6d6a9ef55b0f1cf2a52c42071b53661ebba..3bb1ff7aa5977d7b9b6db21ac677850794dd711b 100644 (file)
--- a/templates/test.html
+++ b/templates/test.html
@@ -10,8 +10,8 @@
       <rect fill="green" x="42" y="56" width="100" height="80"/>
       <circle
        draggable="true"
-       ondragstart="console.log('ds')"
-       onclick"=console.log('click')"
+       onmousedown="drag_mousedown(event)"
+       onclick="console.log('click')"
        data-objid="42"
        fill="red" cx="50" cy="80" r="10"/>
     </svg>