Programming a mobile web application with Advanced Touch Controls

Question

Situation:

I have an HTML5 mobile app. The application works fine in any browser that is not mobile. The game is pretty "beat-like," you click the tile and drag the mouse over the other tiles to make a series of fragments. This includes capturing the mousedown event, then recording and modifying all the fragments you are dragging and stopping at the mouseup event.

Problem It has a built-in form; it does not work on iOS devices or on the Blackberry Playbook. I have the ability in the iOS arena to turn off screen movement, but I have yet to figure out how I can record L-shaped strokes and “tag” each plate that is affected by one movement.

Is there a framework, a jQuery plugin, or something like that? Ideally, it will work both in iOS, Playbook, and in Android browsers as a "finished product".

Thanks in advance!

Answer 1

http://www.evanbyrne.com/article/super-gestures-jquery-plugin should work

Answer 2

It's not about the phone, but about the browser, and you should know that not all browsers process html5, if you are doing this, we can go to the following: plugins, I can provide you with several links that have good plugins:

http://jqtouch.com/ // VERY good plugin, and I prefer you to work on it

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

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

Answer 3

For touch screens, the features you are looking for are ontouchstart and ontouchend .

Take a look at these slides for a tutorial with examples. But basically, you probably want to reorganize the code for changing the fragments from your onmousedown / to another function and set the conditions for this in your onmousedown / up and ontouchstart / end.

Also, since you are familiar with jQuery, check out jQuery Mobile

Answer 4

Check out PastryKit, it was designed by the apple itself. https://github.com/jimeh/PastryKit

Answer 5

You can try the following:

DHTMLx (you need to purchase the product for commercial use.)

Sencha touch

Titanium Mobile - It compiles most of your code into a native application for iPhone or Android. In fact, this is not a web framework, but a level of compatibility.

Refer to blog comparing blog , Sencha Touch was much preferable to JQTouch and JQuery Mobile