jQuery / Javascript: Detecting orientation and updating for it

I'm getting started on a new mobile project at work. The first step is playing with the orientation of the device and updating the layout so it takes advantage of the available space.

The javascript event you're looking for is orientationchange. You can watch for this with the jQuery on method.

view source

print?

1	$(window).on('orientationchange',updateDisplay);

The handler method will look at the window.orientation to figure out if it's portrait or landscape.

view source

print?

1	if(Math.abs(window.orientation) === 90){

2	// landscape: do stuff

3

}

4

else{

5	// portrait: do stuff

6

}

You can see an example here.