Detect iPad orientation change

Try

$(window).bind('orientationchange', function(event) {  alert('new orientation:' + event.orientation);});

You can detect the orientation change event using the following code:

jQuery:

$(document).ready(function() {    $(window).on('orientationchange', function(event) {        console.log(orientation);    });});

Check if device is in portrait mode

function isPortrait() {    return window.innerHeight > window.innerWidth;}

In Javascript:

<button onclick="detectIPadOrientation();">What's my Orientation?</button><script type="text/javascript"> window.onorientationchange = detectIPadOrientation; function detectIPadOrientation () {    if ( orientation == 0 ) {     alert ('Portrait Mode, Home Button bottom');    }    else if ( orientation == 90 ) {     alert ('Landscape Mode, Home Button right');    }    else if ( orientation == -90 ) {     alert ('Landscape Mode, Home Button left');    }    else if ( orientation == 180 ) {     alert ('Portrait Mode, Home Button top');    } }</script>

Or for including additional stylesheets:

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css"><link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">

Both taken from: http://favo.asia/2010/07/detecting-ipad-orientation-using-javascript/ which, FYI, was the first result on Google for 'detect ipad orientation javascript'...