JavaScript Sündmused
JavaScript sündmused on toimingud mis töötavad JavaScript'i abil
JavaScript'i abil saab luua dünaamilisi veebilehti. S.t. et veebileht on elav (liikuv) ja atraktiivne. Veebilehel võib olla erinevaid sündmusi mis käivitavad JavaScript funktsiooni. Näiteks "onClick" sündmus mis määrab selle, et funktsioon käivitub kui kasutaja klikib mingile nupule. Sündmuse kirjeldamiseks kasutatakse Html märgiseid.
Mõned sündmuste näited:
- Hiireklikk (mouse click)
- Veebileht v. pilt laeb alla (ülesse)
- Mousing over a hot spot (hiirekursori liikumine veebilehel üle märgitud ala)
- Tekstivälja (input box) valimine Html vormingus
- Millegi sisestamine (submitting) Html vormingusse
- Klahvivajutus
Siin on nimekiri sündmustest milliseid kasutatakse koos JavaScript'iga.
onload ja onUnload
onload() - JavaScript'i kood käivitub kui kogu leht on alla laetud. Kood kirjutatakse dokumendi lõppu, seega ta ei käivitu enne kui kõik pildid, skriptid, stiililehed ja multimeedia failid on külastaja brauserisse alla laetud.
Tavaliselt kirjutatakse "onload" dokumendi "head" sektsiooni, funktsiooni vormingus:
<body onload="initdt(document.myForm);">
Nagu näites kirjutatud, funktsioon viitab millegile veebis. Seega funktsioon ei tööta enne kui kogu leht on alla laetud.
onUnload() - käivitab JavaScript koodi kui lehekülg maha laetakse selleks, et teha teed teisele lehele. Kasutatakse samal viisil nagu "onload", v.a. ajastus millal kood käivitub.
"onload" ja "onUnload" käivitavad sündmuse kui kasutaja siseneb veebilehele v. väljub sealt.
S.t. et kontrollitakse külastaja brauseri tüüpi selleks, et alla laadida vastav veebilehe versioon.
Samuti kasutatakse onload ja onUnload sündmusi küpsiste (cookies) jagamiseks. See toimub kui külastaja siseneb v. lahkub veebilehelt.
Näiteks külastaja siseneb mingile veebilehele. Seejärel ilmub teateaken (popup box) mis nõuab külastajalt tema nime (näiteks Juhan). See nimi säilitatakse küpsisena. Järgmisel korral kui kasutaja külastab seda veebilehte, ilmub taas teateaken, kuid juba sellise tekstiga: "Tere jälle Juhan!".
onFocus, onBlur ja onChange
onFocus, onBlur ja onChange sündmusi kasutatakse tihti tulemuste kontrollimiseks, vormingutes.
Allpool olevas näites kasutatakse "onChange" sündmust selleks, et kontrollida tekstiväljal tehtud muudatusi:
Näide:
<input type="text" size="30" id="email" onchange="checkEmail()">
onchanse() - sündmus käivitub kohe kui sisestusvälja sisu muudetakse. (Mugav kasutada ripp-nimekirjades. Käivitub koheselt).
onSubmit
onSubmit sündmust kasutatakse selleks, et kontrollida kõikide vormingute sisestusvälju, enne kui tomub sisestamine (submitting).
Allpool olevas näites kasutatakse "onSubmit" sündmust. "checkForm()" funktsioon käivitub kui kasutaja klikib vormingus olevale sisestus (submit) nupule. Kui sisestusväljal olevat väärtust (number, tekst) ei aktsepteerita siis sisestust ei toimu. Seega funktsioon annab tagasiside, mis on õige v. väär. Vastavalt sellele, sisestus toimub v. mitte.
<form method="post" action="xxx.htm" onsubmit="return checkForm()">
Veel üks näide. Siin "onsubmit" käivitab kohe teateakna:
onMouseOver ja onMouseOut
onMouseOver ja onMouseOut kasutatakse tihti "animeeritud" nuppude loomiseks.
Allpool olevas näites kasutatakse "MouseOver" sündmust. Kui "MouseOver" sündmus on määratud siis ilmub ekraanile teateaken.
Näide:
<a href="http://www.minusait.net"
onmouseover="alert('onMouseOver sündmus');return false">
<img src="pilt.gif" width="100" height="30">
</a>
Onresize ja Onscroll
onresize() - Käivitab JavaScript'i koodi kui brauseri aknas veebilehe suurust muudetakse.
onscroll() - Käivitab JavaScript'i koodi kui brauseri aknas lehte keritakse (horisontaalselt v. vertikaalselt).
