Monday, 12 May 2014

How to calculate browser’s client area using JavaScript, JQuery Function

How to calculate browser’s client area using JavaScript, JQuery Function


Function:
<script type="text/javascript">

function getBrowserHeightWidth(sType) {
        var myWidth = 0, myHeight = 0;
        try {
            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;
            }
        }
        catch (err) {
        }
        if (sType == 'H' || sType == 'h')
            return myHeight;
        else
            return myWidth;   
              
    }  
</script>

Set Div’s Height using getBrowserHeightWidth() Function
<script type="text/javascript">
$('#divPublishWindow').height(getBrowserHeightWidth('H'));
$('#divPublishWindow').width(getBrowserHeightWidth('w'));
</script>

HTML:
<div id="divPublishWindow">


</div>


No comments:

Post a Comment