Question

I need a Js / JQuery Script , which return me browser’s available width and height excluding menu bar and toolbar size , i am using one script but it seems to be returning width / height including toolbar ect…

below is script i have used..

<script type="text/javascript" >
var winWidth = 0, winHeight = 0;
        if (typeof (window.innerWidth) == 'number') {
            //Non-IE
            winWidth = window.innerWidth;
            winHeight = window.innerHeight;
        } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
            //IE 6+ in 'standards compliant mode'
            winWidth = document.documentElement.clientWidth;
            winHeight = document.documentElement.clientHeight;
        } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
            //IE 4 compatible
            winWidth = document.body.clientWidth;
            winHeight = document.body.clientHeight;
        }
</script>

Any body have any clue on this?
Thanks
Meghana

Answer 1

Using jQuery , you can have the following :

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document