Príklad na vyvolanie udalosti:
Umiestnite myš na
tento text !
K jeho dosiahnutiu sú použité dve udalosti : OnMouseOver a OnMouseOut.
Ich použitie v kóde:
< FONT SIZE=4
OnMouseOver="this.style.color='#00DD00'"
OnMouseOut="this.style.color='#CC00CC'" >
Umiestnite myš na tento text ! < /FONT
> |
Ovládač OnMouseOver sa aplikuje, ak myš umiestnime na zadaný text,
OnMouseOut sa aplikuje ,ak myš daný text opustí. (
Slovíčko this označuje objekt, na ktorý sa ovládač vzťahuje - v našom
prípade je to text.)
Udalosť môže spôsobiť volanie aj nejakej funkcie, ktrorú sme dekladovali v
tagu < SCRIPT >. (Pozri príklady !)
Príklad prvý
Prvý príklad je jednoduchý Java
script. Do vstupného okienka napíšte svoje meno a skript vás pozdraví. Navyše
skript vytvorí aj gombík, ktorého stlačenie vyvolá jednoduchú funkciu.
Tento jadnoduchý príklad využíva dve funkcie, deklarované v hlavičke HTML. V
oboch sa volá preddefinovaná metóda JS alert(), ktorá
zobrazí výstražné okno so zvoleným textom a tlačítkom OK.
Vo vstupnom formulári sú použité dve udalosti:
OnBlur - volá funkciu ZADAJMENO po opustení
vstupného okienka formulára
OnClick - volá funkciu
NETLAC po kliknutí tlačítka, vytvoreného formulárom
Príklad druhý
Druhý príklad demonštruje prácu so
stavovým riadkom a dátumom v JavaScripte. Po stlačení tlačítok sa buď zapíše
text do stavového riadku, alebo sa daný text zmaže, alebo sa objaví výstražné
okno s aktuálnym dátumom.
Tento jednoduchý príklad využíva tri funkcie, deklarované v hlavičke HTML
súboru. V dvoch sa volá preddefinovaná metóda JS window.status(), ktorá zobrazí zadaný text v stavovom
riadku. V tretej funkcii sú volané preddefinované metódy pre prácu s dátumom a
časom triedy Date.
Vo vstupnom formulári je použitá udalosť OnClick
pre každý gombík, ktorá volá odpovedajúce funkcie ZAPIS , ZMAZ a
DATUM po kliknutí tlačítka, vytvoreného formulárom
Príklad tretí
Tretí príklad vysvetľuje možnosti
volania ďalšieho okna v JavaScripte. S takýmto volaním ste sa stretli v
predošlých príkladoch pri zobrazení ich zdrojových kódov. V našej ukážke sa
otvorí nové okno, v ktorom sa vypíšu faktoriály čísel od 1 až do zadanej
hodnoty.
V skripte je využitá metóda open objektu window s
nasledujúcimi parametrami:
window.open ( "URL" , "meno" ,
"vlastnosti" )URL je názov html dokumentu zobrazeného v novom
okne (ak URL chýba, otvorí sa prázdne okno, do ktorého môžeme zapisovať pomocou
metódy dokument.write a tagov HTML ). Ďalšie úvodzovky
špecifikujú meno nového okna. Posledné úvodzovky udávajú vlastnosti okna. V
našom príklade sú použité: SCROOLBARS=yes/no- zobrazenie skrolovacích
štvorcov WIDTH=z- z=šírka okna HEIGHT=z- z=výška okna
TOP=x- x-ová súradnica okna LEFT=y- y-ová súradnica okna