FullScreen
HTML
<div id='tt'> Full SCreen Me</div>
<div> This example must be copied into its own page. Full screen does not work from JSFiddle.</div>
JavaScript
function toggleFullScreen() {
if ((document.fullScreenElement && document.fullScreenElement == '#tt') || // alternative standard method
(!document.mozFullScreen && !document.webkitIsFullScreen)) { // current working methods
if (document.documentElement.requestFullScreen) {
document.documentElement.requestFullScreen();
} else if (document.documentElement.mozRequestFullScreen) {
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullScreen) {
document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
}
} else {
if (document.cancelFullScreen) {
document.cancelFullScreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
}
}
$("body").click(function() {
toggleFullScreen();
});