Prikaz neke stranice u browser-u zavisi od mnogo faktora, meฤu one osnovne spadaju: rezolucija ekrana na kome se stranica prikazuje, broj boja (kolorna paleta), vrsta browser-a, vrsta operativnog sistema, platforma itd. Da bi se ovakve razlike prevaziลกle, i jedna stranica na istovetan naฤin prikazala na ลกto veฤem broju platformi, koriste ze tzv. cross browser programski kodovi. Iza ovog naziva u stvari stoji JavaScript kod koji optimizuje stranice radi izvrลกavanja datog programskog koda u uglavnom dva najpoznatija browser-a (Internet Explorer i Netscape Navigator).
U sledeฤem primeru videฤemo jedan cross browser Javascript kod, koji ฤe oฤitava poziciju scroll bar-ova i veliฤinu web stranice u pikselima.
function ocitavanje() {
if (navigator.appName == "Netscape") {
x_koord = window.pageXOffset
y_koord = window.pageYOffset
visina = document.height
sirina = document.width
}
else {
x_koord = document.body.scrollLeft
y_koord = document.body.scrollTop
visina = window.document.body.scrollHeight
sirina = window.document.body.scrollwidth
}
status = "X scroll: " + x_koord + "/ Y scroll:" + y_koord + "/ Visina:
" + visina + "/Sirina" + sirina
}
setInterval ("ocitavanje ()", 100)
Ovaj programski kod ฤe na svakih 100 milisekundi pokretati funkciju „ocitavanje ()“. A u datoj funkciji se najpre proverava browser, a potom se kroz odgovarajuฤi objektni model oฤitavaju osobine objekata koje predstavljaju:
- x_koord – pozicija x scroll bar-a
- y_koord – pozicija y scroll bar-a
- visina – visina stranice
- sirina – ลกirina stranice.
Ovako oฤitani podaci mogu da se iskoriste za recimo drugaฤiji prikaz stranice u zavisnosti od ลกirine prozora u kojem se stranica prikazuje. Naroฤitu primenu ovakvo oฤitavanje ima kod pozicioniranja slojeva (layer-a).
Pratite Krstaricu na www.krstarica.com