Cross-browsing : dimensions des fenêtres jusqu’à Internet Explorer 7 & 8

Internet Explorer 7 & 8 ne reconnaissent pas la propriété innerWidth d’un élément. Pour récupérer la largeur de la fenêtre sur tous navigateurs jusqu’à IE7, il convient de fixer la valeur dans une variable générique, définie de manière conditionnelle :

    var globalWidth = 
        window.innerWidth || 
        document.body.clientWidth || 
        document.documentElement.clientWidth;

L’utilisation de jQuery peut, comme d’habitude, nous simplifier beaucoup la vie :

    var globalWidth = 
        $("#idDeMonElement").innerWidth(); 

Laisser un commentaire