08 November 2008

Detect Browser Window Size from JavaScript

Web programmers often require to know the browser window size. But as different browsers have different properties for this purpose, programmers get annoyed. Following code is for such programmers to make their lives easy.


function getBrowserWindowSize()
{
var myWidth = 0, myHeight = 0;
if( typeof( window.innerWidth ) == 'number' )
{
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
}
else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )
{
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
}
else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
{
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}

return {width:myWidth, height:myHeight};
}


Example:
var browserWindowSize = getBrowserWindowSize();
alert("width: "+
browserWindowSize.width + " height: " + browserWindowSize.height);

0 Comments:

 

© 2007 t!ps n tr!cks: Detect Browser Window Size from JavaScript



Template unik dari rohman


---[[ Skip to top ]]---