Mercurial > tiny-letterpress
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); }