Programming a mobile Web App with Advanced Touch Controls

Question

The Situation:

I have a mobile, HTML5 application. The application works great in any browser that isn't mobile. The game is fairly 'boggle-like', with you clicking a tile, and dragging the mouse across other tiles to make a string of tiles. This involves capturing a mousedown event, then recording and changing all the tiles you drag over, and stopping on a mouseup event.

The Problem In it's native form, it doesn't work on iOS devices or the Blackberry Playbook. I have the ability, within the iOS arena, to disable screen movement, but I have yet to figure out how I can record L-shaped touches and 'tag' every tile that is touched in a single motion.

Is there a framework, jQuery plugin or something along those lines that would work? Ideally, it would work on both iOS, Playbook and Android browsers as a 'finished product'.

Thanks in advance!

Answer 1

the thing is not about the phone it self, its about the browser, and you should know that not all browser handle html5, if you are handling this case we can jump to the next thing, the plugins, I can provide you with a couple of links that have some good plugins:

http://jqtouch.com/ // VERY good plugin and I prefer you work on this one

http://awardwinningfjords.com/2010/09/22/handling-touch-events-in-jquery-tools-scrollable.html

http://plugins.jquery.com/plugin-tags/touch