How to invoke Ajax based on phone shake?

Question

I am trying to make my first web application for mobile devices. Is it possible to capture the "shake event" on android?

I was looking on jquery moble library but there is no shake event or accelerometer events.

Is it possible to have a Ajax call based on shake event???

Thanks Arman.

score 3 · Answer 1 · answered Apr 20 '12 at 16:33

3

shake.js provides support for a shake event that should make it easy to implement the desired functionality:

https://github.com/alexgibson/shake.js

answered Apr 20 '12 at 16:33

gertiMN

41
1

score 3 · Accepted Answer · answered Jan 27 '11 at 13:30

3

Man, maybe a plugin could do that, but only with JqueryMobile I think you won't be able to get the shake event.

Here's a list of Jquery events: http://jquerymobile.com/demos/1.0a2/experiments/api-viewer/index.html

answered Jan 27 '11 at 13:30

Thiago

1,547
3
25
40

thanks for answer, I was wondered that jquery can detect orientationchange,tap,swipe but cannot detect shake. – Arman Jan 27 '11 at 13:41

Nuri Hodges · Answer 3 · 2011-05-03T01:28:23.087

(Android)

You could script an "event proxy" that is started onLoad by attaching a Javascript interface to your WebView, here's some pseudocode:

    [...]

    mWebView.getSettings().setJavaScriptEnabled(true);
    mWebView.getSettings().setDomStorageEnabled(true);
    mWebView.addJavascriptInterface(new JavaScriptInterface(), "android");
    mWebView.loadUrl("file:///android_asset/www/index.html");

}

final class JavaScriptInterface {
    JavaScriptInterface () { }  
    public void startEventProxy() {
        // capture and pass shake events to javascript
    }   
}

(iPhone)

You can interface with the Device Motion API, available in Safari Mobile.

http://plugins.jquery.com/project/tilt

Andreas Lyngstad · Answer 4 · 2011-01-27T13:37:14.443

I am not an expert on this, but I do not think you have access to accelerometer, compass and other "local" events trough the mobile browser. If you want to make an local app with javasrcipt, css and HTML, you can look into phonegap, titanium or rhodes.

EDIT: Rhodes is for ruby. It similar to ruby on rails. So you use ruby, javascript, HTML and css.

Then you'll have access to all the events you want.

Read this for more info Mobile Apps cross-platform development challenge: PhoneGap vs. Titanium vs. Rhodes

How to invoke Ajax based on phone shake?

4 Answers4