ioBridge Blog » Source Code http://blog.iobridge.com News and Projects from the ioBridge Community Wed, 18 Jan 2012 06:04:26 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Execute Widgets with Change in Screen Orientation http://blog.iobridge.com/2008/12/execute-widgets-with-change-in-screen-orientation/ http://blog.iobridge.com/2008/12/execute-widgets-with-change-in-screen-orientation/#comments Sat, 20 Dec 2008 15:09:18 +0000 hans http://www.iobridge.net/projects/?p=120 The iPod Touch and iPhone have an accelerometer that adjusts the screen orientation (among other things). You can tap into the orientation and execute widgets depending on the orientation of the device by using a simple HTML file with some Javascript. Put an HTML file on a web server that you can get to on your iPod Touch or iPhone.

Part of the Apple Web Kit is the command “onorientationchange”. We will use that to detect the orientation change and call a script called “updateOrientation()”.

Add the following command to the BODY tag:

onorientationchange="updateOrientation();"

Place the following function in the HEAD of the document and call certain widgets at the specific orientation angles of 0°, -90°, and 90°. You can call any type of widget adjusting the position of a servo, controlling a digital output, or setting the state of an X10 widget.

function updateOrientation(){
switch(window.orientation){
case 0: widgetExecute("Upright Widget ID");
break;
case -90: widgetExecute("Right Widget ID");
break;
case 90: widgetExecute("Left Widget ID");
break;
}
}

Place the widgets referenced in the BODY of the document.

UPDATE:

The full iTurn web app is on the Wiki:

http://www.iobridge.net/wiki/projects/iturn

]]> http://blog.iobridge.com/2008/12/execute-widgets-with-change-in-screen-orientation/feed/ 5