Garth

Jak zistit rozměry stránky?

1) Rozlišení uživatele
Hodnota vždy vrátí rozměr monitoru bez ohledu na to zda máte okno prohlížeče jakkoliv zmenšeno.
- šířka obrazovky:
screen.width
- výška obrazovky:
screen.height

2) Rozměry viewportu
Toto je přímo rozměr okna prohlížeče. Ten ovlivňují jak různé roletky webu, přídavné panely tak i zmenšení/zvětšení okna samotného.
- šířka viewportu:
document.documentElement.clientWidth
- výška viewportu:
document.documentElement.clientHeight

3) Velikost celé stránky
Toto umí vráti hodnoty velikosti daného bloku ikdyž je daná hodnota vyšší jak velikost obrazovky.
- šířka stránky:
document.documentElement.offsetWidth
- výška stránky:
document.documentElement.offsetHeight

4) Velikost daného bloku
- šířka prvku
id_mereneho_prvku.offsetWidth
- výška prvku
id_mereneho_prvku.offsetHeight


Vše má své alternativy i v jQuery, ale ty již není problém dohledat pokud by byly potřebné.

<< zpět




Nejnovější články

Jak udělat stín bloku pouze na jedné straně?

CSS - Úvod do CSS

Jak detekovat klik na tlačítka myšy?

JavaScript - Úvod do JavaScriptu

Jak udělat odkaz na celý řádek tabulky?

JavaScript - Příklady v JavaScriptu

Jak zrušit tečky kolem odkazu?

CSS - Základy CSS

Jak fungují lomítka a tečky v url adrese?

(x) HTML - Úvod do HTML