Unapredjenje Digitalne biblioteke
Imamo zadovoljsto da saopštimo da smo nakon kraće pauze izvršili jednu manju izmenu na Digitalnoj biblioteci, ključnom segmentu rada Centra za digitalizaciju Gradske biblioteke Čačak. Izmena se tiče prikaza sadržaja Digitalne biblioteke u okviru iFrame prozora. Da pokušamo objasniti prethodnu rečenicu na duži način. Sadržaj Digitalne biblioteke prikazuje se dinamički, tako što se iz baze podataka pozivaju informacije (meta-podaci) koje opisuju digitalne dokumente; spareni meta-podaci sa objektom prikazuju se na veb sajtu. Kako tih digitalnih dokumenata već sada imamo skoro 7.000 nije praktično stvarati posebne html stranice za svaki dokument, već ih prikazujemo u okviru jednog prozora veb čitača. Sadržaj se prikazivao u okviru jednog okvira ili iframe (frejma), unapred definisanih dimenzija (960 x 510 piksela, kako bi se lepo učitao na monitorima rezolucije 1024 x 768 piksela. Problem je što su ove dimenzije premale za većinu objekata Biblioteke, pa se javljaju dodatni horizontalni i vertikalni klizači za skrolovanje sadržaja u okviru frejma, što otežava pregled.
Rešenje je pronađeno na DevProTalk forumu, domaćem sastajalištu profesionalaca IT scene. Iskoristili smo jednu JS skriptu, koju možete videti dole, da nateramo veb čitač(e) da vertikalnu dimenziju frejma prilagođavaju dimenzijama objekta koji se učitava, odnosno prema sadržaju stranice (kao kod statičnog HTML-a). Ko se bavi veb dizajnom ili ga interesuje tematika, možda će naći da je skripta korisna. U svakom slučaju ne može da škodi da je ovde prikažemo, a nama je završila veliki posao i značajno povećala korisnost Digitalne biblioteke.
- - U editoru otvorite prazan fajl i u njega iskopirajte sledeći kod:
function doIframe(){
o = document.getElementsByTagName('iframe');
for(i=0;i
setHeight(o[i]);
addEvent(o[i],'load', doIframe);
}
}
}
function setHeight(e){
if(e.contentDocument){
e.height = e.contentDocument.body.offsetHeight + 35;
} else {
e.height = e.contentWindow.document.body.scrollHeight;
}
}
function addEvent(obj, evType, fn){
if(obj.addEventListener)
{
obj.addEventListener(evType, fn,false);
return true;
} else if (obj.attachEvent){
var r = obj.attachEvent("on"+evType, fn);
return r;
} else {
return false;
}
}
if (document.getElementById && document.createTextNode){
addEvent(window,'load', doIframe);
} - - Fajl snimite kao autoHeight.js
- - U head deo vaše stranice gde se otvara frejm dodajte red za pozivanje skripte:
- - Napravite iFrame u body delu iste stranice i dodajte mu atribute scrolling="auto" i class="autoHeight".
To bi bilo to! Sada samo treba sadržaj koji će se učitavati u frejmu (stranice, slike, itd), a kako se to radi... pa možemo i to objasniti koga interesuje, ali ne ovde zbog prostora. Kontaktirajte nas povodom tog pitanja. Ostali uživajte u novom izgledu vašeg internet projekta.
18.03.2009. 08:55
Ne možete poslati komentar na ovaj članak!
Kategorije
Novi prilozi:
Novi komentari:
O blogu
Blog Digitalizacija i digitalne biblioteke nastoji da popularizuje digitalizaciju medju javnim bibliotekama i drugim ustanovama kulture, kao i da raspravlja o svim aspektima digitalnog očuvanja (Digital Preservation). Biblioteka koja nosi Disovo ime stoji iza bloga, a sve dodatne informacije o tome nalaze se na stranici Impresum.
Napišite komentar