changeset 6:efb34c9b7c18

added touch support
author Atul Varma <avarma@mozilla.com>
date Sun, 02 May 2010 16:18:40 -0700
parents d2f7b69ac319
children 0287d65ec97f
files index.html
diffstat 1 files changed, 17 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/index.html	Sun May 02 15:21:48 2010 -0700
+++ b/index.html	Sun May 02 16:18:40 2010 -0700
@@ -220,6 +220,11 @@
       event.preventDefault();
       $(this).removeClass("active");
     });
+
+    $(node).bind("touchcancel", function(event) {
+      event.preventDefault();
+      $(this).removeClass("active");
+    });
   }
 }
 
@@ -258,6 +263,8 @@
     $(node).bind("mousewheel", function(event) {
       accelerate(-event.wheelDelta);
     });
+
+    $(node).find(".letter-prototype").bind("click", makeLetter);
   } else {
     $(node).bind("touchstart", function(event) {
       event.preventDefault();
@@ -270,6 +277,16 @@
       accelerate(startY - currY);
       startY = currY;
     });
+
+    $(node).bind("touchend", function(event) {
+      event.preventDefault();
+      if (veloc == 0) {
+        var target = event.changedTouches[0].target;
+        if (target.nodeType == target.TEXT_NODE)
+          target = target.parentNode;
+        makeLetter.call(target);
+      }
+    });
   }
 }
 
@@ -288,8 +305,6 @@
 
   var matrix = new WebKitCSSMatrix();
 
-  console.log(this.offsetLeft + " " + this.offsetTop);
-
   // TODO: This assumes things about the DOM structure that
   // we don't want to have to assume.
   matrix = matrix.translate(
@@ -318,7 +333,6 @@
     div.textContent = ALPHABET[i];
     div.className = "letter-prototype";
     node.appendChild(div);
-    $(div).bind("click", makeLetter);
   }
 }