page

body

document

taille

mesures

hauteur

largeur

scrollHeight

scrollWidth

clientHeight

clientWidth

script

javascript

php

css

Pour connaître les dimensions de la page, quelque soit le navigateur.

MESURES DE LA PAGE

script : pageDim v1.0
langage : javascript
catégorie : fragment
usage : Pour connaître les dimensions de la page, quelque soit le navigateur.
tags : crossbrowser snippet - prise de mesures

Concept

pageDim() permet de connaître les dimensions de la page, quelque soit le navigateur. (Ne pas confondre les dimensions de la page avec celles de la fenêtre, que fournit winDim().)

Démo

Voici la taille de cette page web. Redimentionnez la fenêtre, et les mesures de la page seront mises à jour.

(Les mesures sont données en pixels.)

A moins que vous ayez vraiment un très grand écran, la mesure verticale ne devrait pas bouger. Normal : c'est la mesure de la page et non celle de la fenêtre qui est donnée. Comme la page est plus haute que la fenêtre, cette mesure-là ne bouge pas.
En revanche, à moins que votre écran ne soit trop petit (< 1024 px de large), vous pourrez obtenir un changement de la mesure horizontale. Vous remarquerez cependant que la mesure ne descend pas en dessous d'un certain seuil, qui correspond à l'apparition des ascenceurs. Normal aussi, et pour la même raison.  ;-)

Code

Pour pouvoir faire appel à pageDim(), placez dans votre page le bout de code suivant :

<script src="pageDim.js" type="text/javascript"></script>

Vous aurez alors accès à la largeur de la page via pageDim().w, et à sa hauteur via pageDim().h.
c'est tout!

Téléchargement

Servez-vous : pageDim.js

compatibilité :

(autres navigateurs non testés)

crossbrowser snippet - prise de mesures

Commentaires