Saznajte visinu i širinu Internet preglednika
Ovaj zadatak ćemo napraviti upotrebom JavaScripta. Kod se sastoji od dvije funkcije koje možemo zasebno pozivati i tako dobiti širinu ili visinu klijentovog prozora. Funkcije su napravljene za rad sa svim preglednicima (cross-browser functions). Ovaj kod kopirajte i stavite unutar <head> dijela HTML stranice.
<![CDATA[
<script language="Javascript">
function GetWidth()
{
var x = 0;
if (self.innerHeight)
{
x = self.innerWidth;
}
else if (document.documentElement &&
document.documentElement.clientHeight)
{
x = document.documentElement.clientWidth;
}
else if (document.body)
{
x = document.body.clientWidth;
}
return x;
}
function GetHeight()
{
var y = 0;
if (self.innerHeight)
{
y = self.innerHeight;
}
else if (document.documentElement &&
document.documentElement.clientHeight)
{
y = document.documentElement.clientHeight;
}
else if (document.body)
{
y = document.body.clientHeight;
}
return y;
}
</script>
]]>
Kada smo završili sa pisanjem funkcija (ili kopiranjem), ostaje nam još pozivanje i ispisivanje rezolucije Internet preglednika. Opet ćemo koristiti JavaScript, ali ovaj put kod stavljamo unutar <body> taga.
<![CDATA[
<script type="text/javascript">
document.write(GetWidth() + ' x ' + GetHeight());
</script>
]]>
Gornji kod prikazuje samo visinu i širinu Internet preglednika, ali ne i rezoluciju monitora. Rezoluciju monitora je jako jednostavno dobiti i za to ne trebamo pisati funkcije. Razlog zašto smo gore pisali funkcije je taj što se visina i širina prozora različito dobiva kod različitih preglednika (npr. Internet Explorera i Firefoxa). Zato smo u gornjim funkcijama najprije provjerili koji Internet preglednik pristupa stranici, a tek onda uzeli visinu i širinu. Za rezoluciju ekrana koristimo samo jedan red koda koji radi na svim preglednicima.
<![CDATA[
<script type="text/javascript">
document.write(screen.width + ' x ' + screen.height);
</script>
]]>
U mnogim slučajevima gornji kodovi se koriste da bismo mogli odrediti koju ćemo stranicu prikazati korisnicima. Možemo imati nekoliko verzija iste stranice. Jednu prikazujemo korisnicima sa 15'' ekranom, drugu prikazujemo korisnicima sa 17'' ekranom, a treću napravimo za korisnike koji imaju 19'' i veće ekrane. Osim ovoga, ovaj podatak se koristi i za statistike posjećenosti stranica. Na osnovu ovog podatka možete vidjeti da li se više isplati održavati stranice za 15'' monitore ili je broj korisnika ovih monitora toliko mali da ćete ga zanemariti.
Ako ste naučili nešto novo napišite jedan komentar podrške.
Hvala!
| Autor: Vedran | Datum objave: 26.07.2008 |
KOMENTARI:
Nema još ni jednog komentara.Samo registrirani korisnici mogu komentirati.
