Delprosjekt:
Utvikling av javascript
Ansvarlig:
Morten Gustavsen (morten.a.gustavsen@hiof.no)
Innledning
Et av de største delprosjektene våre, var å lage html-sider til et stort antall bilder fra Midt-Østen. Disse bildene skulle presenteres i billedserier med thumbnails. Når brukeren trykker på en thumbnail, skal det samme bildet komme opp i full størrelse i et eget vindu.
Problemstilling, og mål med delprosjektet
Et av problemene ved bruk av flere vinduer i billedpresentasjon, er at ved bruk av
Html kan det nye vinduet legge seg bak det opprinnelige. Har vinduet havnet bak det opprinnelige, vil også all oppdateringen i vinduet skje i bakgrunnen.
Problemstillingen her blir å utvikle et javascript som garanterer at det ønskede vindu alltid vil få fokus, og havne i forgrunnen.
Gjennomføring
I.Pop-up vindu
Problemet med javascript, er at det ikke er støtte for det i alle browserne. Mange av brukerne
på Al Mashriq benytter seg av eldre versjoner av forskjellige browsere. Utfordringen her blir å utvikle et javascript som utfører den overnevnte målsettingen i så gamle versjoner av browserne som mulig.
Vi har benyttet oss av funksjonen "Window.open", denne funksjonen påstås å fungere helt ned
Netscape 2.0. Med Internet Explorer 2.0 er det mere usikkert, men den skal fungere i IE 3.0.
Vi har ikke klart å oppdrive så gamle versjoner av disse browserne, derfor må vi stole på
den informasjonen vi har funnet på nettet.
Et annet problem er at noen av brukere slår av de mulighetene de har for bruk av javascript i browseren. Derfor er det viktig at disse brukerne også blir tilbydt den informasjonen som ligger der. Det problemet har vi løst på følgende måte:
<a href="html/B97-01-038.html" name="B97" onClick="javascript:popUp('html/B97-01-038.html', 700, 700, 'new'); return false">
Hvis browseren ikke støtter javascript, eller javascript opsjonen er slått av vil return false slå til og filen vil bli hentet på vanlig vis. Hvis browseren støtter javascript vil javascript:popUp('html/B97-01-038.html', 700, 700, 'new'); bli kalt, og det vil dukke opp et nytt vindu med fokus.
kildekode til javascript funksjonen popUp.
Denne funksjonen er benyttet til ca 4000 html dokumenter som Vegard Olsen har produsert.
II. Fokus på "foreldre-vindu"
Et problem med å åpne flere vinduer på en gang, er at det blir fort uryddig. Dessuten er det
ressurskrevende for maskinen brukeren benytter. Derfor var det ønskelig å benytte seg av "foreldre-vinduet" i oppgaven med Beirut kartet.
For å kunne ta i bruk foreldre-vinduet til et vindu som er åpnet med javascript, må man
bruke java-script, dette er ikke mulig med "vanlig" html.
Til denne oppgaven bruker vi opener funsksjonen i java-script, denne funskjonen setter også
fokus på foreldre-vinduet.
function linkandfocus (linkfile)
{
opener.location.href=linkfile;
opener.focus();
}
Denne funskjonen blir kalt på samme måte som den forrige. Dvs at den kun blir kalt hvis
browseren har java-script støtte.
Ressurser
- Diverse nettsteder om javascript
- Emacs
Tidsestimering
|
