Taille fenêtre / zone d'affichage

Question

Bonjour, 
je souhaite connaitre la taille de la fenêtre ainsi que la taille de la zone d'affichage de la page web sous IE. J'ai déjà réussi à le faire sous firefox, mais sur IE je trouve pas. 
Que me conseillez vous ? 

Alors j'ai essayé de nombreuses propriétés js et je suis un peu perdu. 
Quelle est la différence entre : 
document.body.clientWidth
document.body.offsetWidth
window.width
window.innerWidth
window.outerWidth

Merci d'avance pour vos réponses

yousfane · Answer

Salut
il' y a aussi   screen.width  et  screen.height   pour savoire la taille de l'ecran

cs_didierll · Answer

En fait j'ai besoin de connaître la taille des barres de navigation : 
taille globale de la fenetre - taille de la zone d'affichage

cs_bultez · Answer

Bonjour, tailles et positions des objets : http://www.javascriptfr.com/codes/TAILLES-POSITIONS-OBJETS_36145.aspx quelques infos. car moi window.width window.innerWidth window.outerWidth je ne connais pas ( ce qui ne prouve rien, mais mes navigateurs n'aiment pas tout ) >>taille des barres de navigation j'ai déjà eu à faire "l'équivalent" ( taille scroll ) j'ai "résolu" affichant un élement sans scroll, puis avec > la différence, c'est la taille ( on doit pouvoir mieuxcfaire ! ) mais quelle barre de navigation ?

Cordialement Bul [mon Site] [M'écrire]

cs_didierll · Answer

Par barres de navigation, j'entends la barre de titre, la barre de menu, la barre n'adresse... Tout ce qui est au dessus de la zone d'affichage en fait.

cs_bultez · Answer

peu de données alors ( mais regardes le script sur lien fourni ) ça fait partie du navigateur. et JavaScript n'y a que de très rares accès.

Cordialement Bul [mon Site] [M'écrire]

cs_didierll · Answer

Oui j'ai regardé le lien que tu m'a donné (au passage merci, c'est un bon résumé). En fait, j'arrive à le faire sur Firefox avec window.outerWidth mais cette propriété n'est pas disponible sous IE...
Peut être y aurait il une autre manière de le faire ? Ou alors sans passer par Javascript ?

Evangun · Answer

Hello,

pour connaître la taille de la fenêtre, c'est window.innerWidth pour Firefox, et pour IE tu prends un élément que tu mets à 100% en hauteur/largeur du body et tu regardes son offsetHeight / Width.

Bonne chance

Evangun · Answer

Tout bien réfléchi, la méthode que je viens de donner ne doit marcher que pour un objet en position fixed (IE 7 donc !) avec les valeurs css top, bottom, left et right fixées à 0.

Je continue de réfléchir, si je trouve une solution pour IE6 je vous préviens.
à+

Evangun · Answer

J'ai pu résoudre le problème avec document.documentElement.clientHeight.

Par contre cela dépend du doctype du document. Une excellente explication de tout ça est disponible ici :

http://www.howtocreate.co.uk/tutorials/javascript/browserwindow

Comme on le voit dans le tableau, dommage que IE soit le seul navigateur à ne pas utiliser innerWidth. Peut-être un jour...

cs_didierll · Answer

Merci pour ces infos, j'avais déjà vu ce lien en fait et cela n'avait pas résolu mon problème. Ceci dit, très bon lien.

Taille fenêtre / zone d'affichage

10 réponses

Votre réponse

Discussions similaires