JavaScript::Get the Display Area of a Browser

Get the Display Area of a Browser

<script type="text/javascript">

<!–

var viewportwidth;

var viewportheight;

// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

if (typeof window.innerWidth != ‘undefined’)

{

      viewportwidth = window.innerWidth,

      viewportheight = window.innerHeight

}

// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

else if (typeof document.documentElement != ‘undefined’

     && typeof document.documentElement.clientWidth !=

     ‘undefined’ && document.documentElement.clientWidth != 0)

{

       viewportwidth = document.documentElement.clientWidth,

       viewportheight = document.documentElement.clientHeight

}

// older versions of IE

else

{

       viewportwidth = document.getElementsByTagName(‘body’)[0].clientWidth,

       viewportheight = document.getElementsByTagName(‘body’)[0].clientHeight

}

document.write(‘<p>Your viewport width is ‘+viewportwidth+’x’+viewportheight+'</p>’);

//–>

</script>

This snippet will allow you to get the width and height of the display area in your views browser. This will give the designer the ability to create and use different displays based on the size of the user’s browser window.