Jun
20
2007

Récuperer la taille de la surface affichable du navigateur en JS

Fonctionne pour tous les navigateurs :

var doc_width = 0
var doc_height = 0;

function getSize(){
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var nn6up = (document.getElementById) ? 1 : 0;

if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
} else if (nn6up || ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
document.write(“Suface affichable : “+doc_width + “*” + doc_height) }

Taille du document (surface affichable) pour différents navigateurs ayant le panneau favori (gauche) fermé :

Résolution écran : 1280*1024
EditPlus : 1259*824
FireFox : 1280*847
I. explorer : 1259*842
Netscape : 1280*852
Opera : 1274*784
Netcaptor : 1238*810

Faut donc prévoir une surface utile maximum de 1230*800
——————————————————————————–
Résolution écran : 1024*768
EditPlus : 1003*568
FireFox : 1024*591
I. explorer : 1003*586
Netscape : 1024*596
Opera : 1018*528
Netcaptor : 982*554
Faut donc prévoir une surface utile maximum de 970*510
——————————————————————————–
Résolution écran : 800*600
EditPlus : 779*400
FireFox : 800*423
I. explorer : 779*418
Netscape : 800*428
Opera : 777*360
Netcaptor : 758*386
Faut donc prévoir une surface utile maximum de 770*380
——————————————————————————–
Source:
http://complet1.free.fr

——————————————————————————–