[OpenLayers-Commits] r11332 - sandbox/crschmidt/pan-tap/examples

Wed Feb 23 09:59:48 EST 2011

Author: crschmidt
Date: 2011-02-23 06:59:48 -0800 (Wed, 23 Feb 2011)
New Revision: 11332

Added:
   sandbox/crschmidt/pan-tap/examples/tap.html
Log:
Trying to figure out what the first tap event on multiple devices looks like.


Added: sandbox/crschmidt/pan-tap/examples/tap.html
===================================================================

--- sandbox/crschmidt/pan-tap/examples/tap.html	                        (rev 0)
+++ sandbox/crschmidt/pan-tap/examples/tap.html	2011-02-23 14:59:48 UTC (rev 11332)
@@ -0,0 +1,34 @@
+<html>
+<body>
+<div id='data' style="float:right; width: 40%">
+</div>
+<div id="foo" style="border: 2px solid black; width: 40%; height: 200px">
+</div>
+
+<script>
+  var foo = document.getElementById("foo");
+  var events = ['mouseover', 'mouseout', 'click', 'scroll', 'mousedown', 'mouseup', 'mousemove'];
+  var data = document.getElementById('data');
+  var ul = document.createElement("ul");
+  for (var i = 0; i < events.length; i++) {
+    var div = document.createElement("div");
+    div.appendChild(document.createTextNode(events[i]+ ": "));
+    var span = document.createElement("span");
+    span.id = "data_"+  events[i];
+    div.appendChild(span);
+    ul.appendChild(div);
+    var func = function(evt) {
+        var ev = evt.type;
+        var data = document.getElementById("data_" + ev);
+        data.innerHTML = evt.clientX + ", "+ evt.clientY;
+    }
+    if (navigator.userAgent.toLowerCase().indexOf("msie") == -1) {
+        foo.addEventListener(events[i], func, null);
+    } else {
+        foo.attachEvent("on"+events[i], func);
+    }
+  }
+  data.appendChild(ul);
+</script>
+</body>
+</html>

