changeset 11:838be764306f

you can now drag a letter from the palette instead of having to click on it, when not using iphone/ipad.
author Atul Varma <avarma@mozilla.com>
date Sun, 02 May 2010 19:26:42 -0700
parents 2a2592d97e56
children 7f3585a8c8a3
files index.html
diffstat 1 files changed, 17 insertions(+), 8 deletions(-) [+]
line wrap: on
line diff
--- a/index.html	Sun May 02 19:06:10 2010 -0700
+++ b/index.html	Sun May 02 19:26:42 2010 -0700
@@ -176,19 +176,23 @@
   updateInfo();
 
   if (!isTouchSupported) {
-    var isMouseDown = false;
+    var isMouseDown;
 
-    $(node).bind("mousedown", function(event) {
+    function onMouseDown(event) {
       event.preventDefault();
       startX = event.clientX;
       startY = event.clientY;
       isMouseDown = true;
       $(node).addClass("active");
       updateInfo();
-    });
+    }
+
+    onMouseDown(event);
+
+    $(node).bind("mousedown", onMouseDown);
 
     $(node.ownerDocument).bind("mousemove", function(event) {
-      if (isMouseDown) {
+     if (isMouseDown) {
         currX = event.clientX;
         currY = event.clientY;
         move(this);
@@ -261,7 +265,7 @@
       accelerate(event.wheelDelta);
     });
 
-    $(node).find(".letter-prototype").bind("click", makeLetter);
+    $(node).find(".letter-prototype").bind("mousedown", makeLetter);
   } else {
     $(node).bind("touchstart", function(event) {
       event.preventDefault();
@@ -289,7 +293,10 @@
   }
 }
 
-function makeLetter() {
+function makeLetter(event) {
+  if (event)
+    event.preventDefault();
+
   var node = this;
   var doc = this.ownerDocument;
 
@@ -317,8 +324,10 @@
   doc.body.appendChild(letter);
 
   // Apply a new transform to make the letter animate.
-  matrix = matrix.translate(-this.offsetWidth, 0);
-  letter.style.webkitTransform = matrix;
+  if (isTouchSupported) {
+    matrix = matrix.translate(-this.offsetWidth, 0);
+    letter.style.webkitTransform = matrix;
+  }
 
   makeDraggable(letter, matrix);
 }