Šiame skyrelyje aprašysime Microsoft Internet Explorer naršyklės objektinį modelį. Objektinis modelis – tarpusavyje susietų objektų rinkinys, leidžiančių prieiti tinklalapio turinį bei naršyklės funkcijas. Reikia tik atminti, kad prie tinklalapio turinio galima prieiti tik baigus įkelti visą tinklalapį į naršyklę.
Svarbiausias naršyklės objektas yra window. Jisai apima (t.y. jį sudaro) visus kitus naršyklės objektus. Kiekvienas naršyklės langas – tai atskiras window objektas. Hierarchinę window objekto struktūrą galime pavaizduoti tokia schema:

Šioje schemoje pilkame fone surašyti kiti objektai, balti – elementų rinkiniai. Rinkinys – duomenų struktūra, primenanti masyvą, vartojamą kitose programavimo kalbose. Tokiame masyve kiekvienas elementas priklauso struktūrai ir yra susietas su kitais šio masyvo elementais. Pavyzdžiui, tarkime, kad ekranas padalintas į kelis langus (frames), kurie pavadinti taip: pagrindinis, papild1, papild2:

Pagrindinis	papild1
	papild2

Tuomet, pavyzdžiui, pagrindinį langą galima nurodyti taip:

window.frames(”Pagrindinis”);

arba

window.frames(0);

Rinkiniuose visi elementai pradedami numeruoti nuo nulio. Objekto eilės numeris priklauso nuo jo fizinės padėties HTML dokumente: mūsų nagrinėtu atveju nuliniu bus laikomas pirmasis elementas, aprašytas <Frameset> direktyva.

Savybės opener ir closed dažniausiai vartojamos kuriant naujus langus, status ir defaultStatus – būsenos eilutės informacijai nurodyti. Pavyzdžiui, norėdami, kad būsenos eilutėje būtų rodomas sveikinimo tekstas, galime šiai savybei priskirti tokią reikšmę:

window.status=”Sveiki atvykę į mano tinklalapį”

Toliau paaiškinsime kai kuriuos metodus išsamiau.

Naujiems langams atverti vartojamas open metodas. Pavyzdžiui, norint atverti langą, kuriame būtų rodomas „Verslo žinių“ laikraštis, turime įrašyti tokį sakinį:

window.open(http://www.vz.lt)

Šis metodas turi keletą papildomų parametrų, leidžiančių nurodyti konkrečius lango duomenis. Window metodo formalioji sintaksė gali būti nurodoma taip:

NaujasLangas=window.open(URL, vardas, požymiai, keitimas);

Čia URL rodysime naujame lange dokumento adresas (nenurodžius nieko – bus sukuriamas tuščias langas: about:blank),
vardas – eilutė, įvardijanti langą ir kuri gali būti vartojama kaip <Form> ir <A> direktyvų target parametro reikšmė,
požymiai – eilutė, nurodanti naujojo lango parametrus; galimos parametrų reikšmės:

keitimas – nurodo, ar atveriamas langas pakeis aktyvųjį langą žurnale (history) ar ne.
Pavyzdžiui, galima nurodyti atverti tokį langą:

window.open(http://www.lnb.lt, ”biblioteka”, ”fullscreen=1, toolbar=1, menubar=0, location=0, resizable=no”); 

Šia komanda bus atveriamas Lietuvos nacionalinės M. Mažvydo bibliotekos tinklalapis. Langui bus suteiktas vardas „biblioteka“, langas užims visą ekraną, bus rodoma priemonių juosta, nebus meniu juostos bei bus neleidžiama keisti lango matmenų.

Su kai kuriais dialoginiais skydeliais jau esame susipažinę. Ankstesniuose pavyzdžiuose vartojome porą window objekto metodų: alert ir prompt. Paprastų pranešimų (alert) pavyzdžių jau buvo pateikta nemažai, tad dabar pateiksime keletą kitų.
Pranešimą-užklausą pradiniams duomenims įvesti galima pateikti pasinaudojant prompt metodu:

S = prompt("Koks miestas yra Lietuvos sostinė: ", "");

Šiuo atveju ekrane bus pateikiamas toks skydelis:

Įvedus prašomą informaciją ir spragtelėjus OK mygtuką, kintamajam S bus priskirta įvestoji reikšmė. Spragtelėjus Cancel mygtuką, kintamojo S reikšmė taps null.
Prašymą patvirtinti kokią nors informaciją galima nurodyti confirm metodu:

S = confirm("Ar vakar lijo?");

Šį kartą ekrane bus pateikiamas toks skydelis:

Įvedus prašomą informaciją ir spragtelėjus OK mygtuką, kintamajam S bus priskirta true reikšmė, spragtelėjus Cancel mygtuką – false.

Modaliniams dialoginiams skydeliams sukurti pasinaudojama showModalDialog metodu. Jo sintaksė yra tokia:

Dial=window.showModalDialog(URL, argumentai,požymiai);

Čia URL dialoginio skydelio adresas, privaloma jį visuomet nurodyti
argumentai – būtinų argumentų sąrašas; argumentai gali būti perduodami window objekto dialogArguments savybe.
požymiai – nebūtinų parametrų sąrašas. Galimos parametrų reikšmės:

Modaliniai dialoginiai skydeliai daugiausia vartojami tiksliems duomenims įvesti arba sudėtingesniam dialogui, negu galima padaryti naudojant alert bei prompt metodus. Pateiksime tinklalapį slaptažodžiui įvesti.

<Html>
<Head>
<title>Slaptažodis </title>
</Head>
<body bgcolor=yellow>
<script language="JavaScript"> 
function KoksSlapt() { 
  slapt=window.showModalDialog("mod_dial.html", null, "dialogHeight=5cm; dialogWidth=7cm;center=yes")
}
</script>
<form>
   <input type="button" value="Slaptažodis" onClick="KoksSlapt()">
</form>
</body>
</HTML>

Šiame tinklalapyje nurodytas mod_dial.html tinklalapis gali būti toks:

<Html>
<Head>
<title>Slaptažodis </title>
</Head>
<body bgcolor=magenta>
<script language="JavaScript"> 
function DarykGerai(){ 
  window.returnValue=window.document.all.slapt.value;
  window.close()
}
</script>
<form>
Slaptažodis:<input type="password" name="slapt">
<input type="button"value="Gerai" onClick="DarykGerai()">
</form>
</body>
</HTML>

Įkėlus pirmąjį tinklalapį į naršyklę ir spragtelėjus mygtuką „Slaptažodis“, ekrane bus tokia situacija:

Įvedus slaptažodį ir spragtelėjus mygtuką „Gerai“ mažasis langas užsivers, o įvestas slaptažodis bus perduotas į pagrindinį tinklalapį.


Autorius: Aidas Žandaris