Question

I want to know client size of browser window. I use simple script:

wwidth  = window.innerWidth
wheight = window.innerHeight

but it is not work in IE8,IE9. How to know this params using extjs in all form of browsers ?

Answer 1

here’s a sample cross-browser function in plain javascript:

var getSize = function () {
    var winW = 0, winH = 0;
    if (document.body && document.body.offsetWidth) {
        winW = document.body.offsetWidth;
        winH = document.body.offsetHeight;
    }
    if (document.compatMode=='CSS1Compat' && document.documentElement && document.documentElement.offsetWidth ) {
        winW = document.documentElement.offsetWidth;
        winH = document.documentElement.offsetHeight;
    }
    if (window.innerWidth && window.innerHeight) {
        winW = window.innerWidth;
        winH = window.innerHeight;
    }   
    return { width: winW, height: winH };
};

window.onload = function(){
    alert(getSize().width);
};