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