Screen objektum

Modern ismeretek WEB oldalon : Javascript ismertető HTML formátumban

Screen objektum
A screen objektum bemutatása
Elemváltozók (tulajdonságok) :
availHeight		A hozzáférhető képernyő magassága
availWidth		A hozzáférhető képernyő szélessége
colorDepth		A képernyő színmélysége
height		A képernyő teljes magassága
pixelDepth		A képernyő színfelbontása
width		A teljes képernyő szélessége

A screen objektum bemutatása

A screen objektum által lekérdezhetjük a felhasználó képernyőjének tulajdonságait.Ezek az adatok akkor lehetnek fontosak, ha professzionális képernyőtervezést és kezelést kívánunk megvalósítani a JavaScript által.

A screen objektum elemváltozóit egyszerűen a screen után (levő pont után) írhatjuk.

Példa:

<html><head><title>Teszt</title>
<script language="JavaScript">
 alert(screen.width + "x" + screen.height  + " pixel");
</script>

Magyarázat:

A példában a képernyő szélesség és magasságértékeit kérdezzük le dinamikusan és kiírjuk egy kijelzőablakban.

availHeight

A megadja a képernyő hozzáférhető magasságát pixelben, ahogy a teljes képernyős üzemmódban láthatjuk.

Példa:

<html><head><title>Teszt</title>
<script language="JavaScript">
 if(screen.availHeight != screen.height)
  alert("Ha teljes képernyőre vált, többet lát az oldalból !");
</script>
</head><body>
</body></html>

Magyarázat:

A példában megvizsgáljuk, hogy a képernyő hozzáférhető és teljes magassága egyezik-e. Ha nem, figyelmeztetést küldünk a felhasználónak.

availWidth

A megadja a képernyő hozzáférhető szélességét pixelben, ahogy a teljes képernyős üzemmódban láthatjuk.

Példa:

<html><head><title>Teszt</title>
<script language="JavaScript">
 if(screen.availWidth != screen.Width)
  alert("A görgetősor aktív a képernyőn !");
</script>
</head><body>
</body></html>

Magyarázat:

A példában megvizsgáljuk, hogy a képernyő hozzáférhető és teljes szélessége egyezik-e. Ha nem, figyelmeztetést küldünk a felhasználónak.

colorDepth

A felhsználói képernyő szinmélységét adja meg. Tehát ha a bitek száma 16, akkor a képernyő minden pontja 2 a 16-on azaz 65536 szint képes megjeleníteni. Ennek a tulajdonságnak csak akkor van értéke, ha a képernyő színpalettát használ. Ellenkező esetben undefined (Netscape) vagy null (MS Internet Explorer).

Példa:

<html><head><title>Teszt</title>
<script language="JavaScript">
alert(Math.pow(2,screen.colorDepth));
</script>
</head><body>
</body></html>

Magyarázat:

A példában a képernyő színmélységét Math pow()metódusa által számítjuk ki.

height

Megadja a képernyő főggőleges felbontását pixelben.Tipikus értékek: 480, 600 és 768.

Példa:

<html><head><title>Teszt</title>
<script language="JavaScript">
if(screen.height >= 768)
 window.location.href = "fájl_1.htm"
else
 window.location.href = "fájl_2.htm"
</script>
</head><body>
</body></html>

Magyarázat:

A példában lekérdezzük a képernyő főggőleges felbontását. Ha az legalább 768 , akkor a fájl_1.htm et, különben (ha kissebb) akkor a fájl_2.htm-et töltjük be.

pixelDepth

Megadja a képernyőn levő pontok színfelbontását. Ennek a tulajdonságnak csak akkor van értéke, ha a képernyő színpalettát használ. Ellenkező esetben undefined (Netscape) vagy null (MS Internet Explorer).

Példa:

<html><head><title>Teszt</title>
<script language="JavaScript">
alert(screen.pixelDepth));
</script>
</head><body>
</body></html>

width

Megadja a képernyő vizszintes felbontását pixelben. Tipikus értékek: 640, 800 és 1024.

Példa:

<html><head><title>Teszt</title>
<script language="JavaScript">
if(screen.width >= 1024)
 window.location.href = "fájl_1.htm"
else
 window.location.href = "fájli_2.htm"
</script>
</head><body>
</body></html>

Magyarázat:

A példában lekérdezzük a képernyő vizszintes felbontását. Ha az legalább 1024 , akkor a fájl_1.htm et, különben (ha kissebb) akkor a fájl_2.htm-et töltjük be.

Készült : 1999-08-31. Lengyel Sándor