status_node = document.getElementById('spong');
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();
+ }
+}
+
es = new EventSource("updates");
es.onmessage = function(event) {
status_node.innerHTML = event.data;
<body>
<div id="spong">nothing</div>
<p>
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200">
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200"
+ ondragstart="test_dragstart(event)"
+ >
<rect fill="green" x="42" y="56" width="100" height="80"/>
- <circle fill="red" cx="50" cy="80" r="50"/>
+ <circle
+ draggable="true"
+ ondragstart="console.log('ds')"
+ onclick"=console.log('click')"
+ data-objid="42"
+ fill="red" cx="50" cy="80" r="10"/>
</svg>
<script src="script.js"></script>
</body>
~ianmdlvl / otter.git / commitdiff