Mercurial > ipad-web-test
changeset 0:0db958f3734e default tip
Origination.
| author | Atul Varma <avarma@mozilla.com> |
|---|---|
| date | Mon, 12 Apr 2010 21:26:33 -0700 |
| parents | |
| children | |
| files | index.css index.html main.js server.py |
| diffstat | 4 files changed, 80 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/index.css Mon Apr 12 21:26:33 2010 -0700 @@ -0,0 +1,8 @@ +body { + background: rgba(0, 0, 0, 0.5); +} + +#content { + white-space: pre; + font-family: monospace; +}
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/index.html Mon Apr 12 21:26:33 2010 -0700 @@ -0,0 +1,10 @@ +<html><head> +<link rel="stylesheet" href="index.css" type="text/css" media="screen"/> +<title>iPad Testing</title> +</head> +<body> +<img id="image" src="http://www.mozilla.org/foundation/identity-guidelines/thunderbird-128.png"/> +<div id="content"></div> +<script src="main.js"></script> +</body> +</html>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/main.js Mon Apr 12 21:26:33 2010 -0700 @@ -0,0 +1,50 @@ +function $(selector) { + return document.querySelector(selector); +} + +window.addEventListener( + "DOMContentLoaded", + function() { + var TOUCH_EVENTS = ["touchstart", + "touchmove", + "touchend", + "touchcancel"]; + var content = $("#content"); + var image = $("#image"); + var lastX = 0; + var currX = 0; + + function log(text) { + content.textContent += text + "\n"; + } + + log("Start touching the image."); + + TOUCH_EVENTS.forEach( + function(name) { + image.addEventListener( + name, + function(event) { + switch (event.type) { + case "touchstart": + event.preventDefault(); + lastX = event.targetTouches[0].pageX; + break; + case "touchend": + break; + case "touchmove": + event.preventDefault(); + var xDelta = event.targetTouches[0].pageX - lastX; + lastX = event.targetTouches[0].pageX; + currX += xDelta; + var target = event.targetTouches[0].target; + target.style.webkitTransform = 'translate(' + currX + 'px,0px)'; + break; + }; + }, + false + ); + }); + }, + false +);
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/server.py Mon Apr 12 21:26:33 2010 -0700 @@ -0,0 +1,12 @@ +import BaseHTTPServer +import SimpleHTTPServer + +def run(server_class=BaseHTTPServer.HTTPServer, + handler_class=SimpleHTTPServer.SimpleHTTPRequestHandler): + server_address = ('', 8000) + httpd = server_class(server_address, handler_class) + httpd.serve_forever() + +if __name__ == '__main__': + run() +