|
Urcite jste pfi tvorbe stranek chteli spustit skript po nejake udtilosti, kterti by byla ovliv'Dena uZivatelem. Pfikladem muze byt naph'klad stay kdy chceme spustit nejaky skript ihned po nacteni strimk-y uZivatelem a nebo kdyz chceme aby po kliknuti na odkaz at' jiz textov.y, obrazov.y, nebO tfeba ve forme tlacitka, byla sp~tena fUrikce Javaskriptu. aba hlavni prohliZet.e -tj. Internet Explorer i Netscape Navigator podporuji fadu bemych udalosti. Jsou to napfiklad udalosti onclick, ondblclick, onmousedown, onmouseover, onkeypress nebo onresize. Techto udaIosti je mnohem vice a v zaveru si v prehledne tabulce vSechny ukazeme. Podpora techto udalosti je v prohliZecich Netscape v~obecne n~i nez v prohliZecich Internet Explorer. Internet Explorer podporuje skoro vSechny udtilosti u velke vetSiny objekm na strance. Udtilost tak v IE muzete pfiradit nejen tlacitku nebO odkazu, ale tteba textovemu poli, tabulce, celemu dokumentu pomoci tagu <body> atd. V Netscape Navigator je podpora mnohem men~i. NejenZe nepodporuje tolik objek"tfl jako IE ale navic je omezeny v rozsahu udaIosti, ktere jdou provest u jednotlivych prvku. Napfiklad u standartniho tlacitka nefunguje udtilost onmouseover takjako je tomu v Internet Exploreru. Udalost sarna 0 sobe neni nijak tiZitecna a proto jde pouZft jell v kombinaci s fLUlgujic!m st.riptem, ktery ji obsluhuje. Pokud pfifadime prvku stranky nejakou udaIost, kterti nebude definovima -tj. pokud se budeme odvolAvat na neexistujfci funkci, nebude samozfejm~ vysledkem spu§t~nit eto fu.11kceP. fifazovat udAlostem muzeme pouze funkce, ktere jsou ve sl'..riptu defmovlmy. Nejjednodu~ij e to v pfipad~ malychs kripm. Na nasledujicimp fikladu si ukazemeja k to vypadav e skutecnosti.M alym skriptem,t zv. wJLl1eo bsluhour OZU1}'\Jvmyev ol~11ai kcep fimo v definovani obsluhy: <htnll> -~- .11i"".-'!'-<title>Stranka spou~ici udalosti</title> ::,;'llead:::- <body> ::.:fOffil;:;. <input type="button" value="Klikni !!!" onclick="alert('HELLO WORLD !!!')"> ' <':~;;:l/ftbflololln>dny::>:'Tento jednoduchy ale prakticky skript nam na strance zobrazi tla~itko, ktere je samoz1:ejm~ definovano ve formulari. Nezapomente tlacitko ve forn1ll1afi definovat, protoze prohlize~ Netscape Navigator nezobrazi tla~itko, ktere new v uzavfeno v tagu <form> a </form-"". Tim zajistite pfenositelnost techto stranek i pro Netscape Navigator, ktery funkci onclick stejne jako Internet Explorer podporuje. Hlavni co nas bude v tomto zdrojovem kOdu zajimat je tla~f.tko <button>. U tl at ftka je udalost onclick, ktera z;pusobi, ze po kliknutf na tlatftko se zobrf'.z{ vystrazne okno prohliZece s napisem HELLO WORLD. Ted' si muZeme ukiizatjak implantovat ijinou udalostpro stejny objekt. Jako vychozf bod poufijeme zase to same tlatitko jako v pfedchozim pffpade. Musfte ale pocitat s tim, Ze tento pffklad nebude fungovat ve starsich verzich Netscape Navigatoru a to i pres to, ze definujete tlacftko mezi tagy form tak jak se to ma udelat. Pfftinouje UZ ztY,lnena 7.atvt'Zelt~,st Netscal1eN avigatt~'!'U,, -tici funkci t~mmouseovenr a t1acltku. "A " """"" file :!/D: \fu1Vinarina\Sp'Ju~t.enf%20lid lilt-,St.!h. t.n1 L.~.L..L.!J!.JL.~i~_~.i,",- -'ll~au..- - t Ott'e' n tr f. J-1_~ ~t f -f ---If.1 ~ - t ! _l t Olt'.~'"_J'" .i1.I!',ct ~1,,'U~.I!';! UUi1!\'~.!'.!..o!c--' "001--';--_A- ..ll"wU~ <br,dy> ""~~ "!Vl 1~.- rn ~~-<:"in'1n'-l l t t~y .ir.~.~ ="h"-i-l-t"t,r,., r," V~--l- iiP'"T. ..-T..,1 1..l.k.1'11'.' "'" "- .~'1- "iUlJ, ~eove"="a1""_,_"H/"I"T,r.T",1"~"\,IT"\"I t"..,T ~ ""T~P T r1. "!'~'/"~!~-..,.~~, ..,J.VJ.J.li- <,'h tv ">.--!- l.+...i~-.J lUlU' Tento skript je obmenou pfedchoZlflO pfipadu. V tomto pfikladu vsak pouZivame misto udalosti ~' 1 -1'1 ~1-.J,l, 1-~ t ~1-~-~-~.~~"~ r Z--~N~ ~l- r ~ !Ł~ -~ 11-1~1 '-- _o_1_~-I-~- HPTT O '("T,""nT ~ ~1~-_ , --!o_~ t!!.I.:..!-.. UUd.O". t'.!!!!t!t!:;~OĄt:.. ,~~~ ~~ Z,"'.'.aZ! !.t' ~..!e ,"'_.!!,"' ~ !!~P!~t:.I!. ".,1, , \A/tJI,-,,!-', al!:: II}!!! lIt:po kliknutl na tla~itko. ale po jeho pfejeti my§f. Muzete si gamy vyzkou§et zm!nit udalost. Poole tabu1ky V 7.aV~flti oht~,tot! Anku. Statf jen !ia mfsto pffkazu onmouseover dAt navy -napr. o,-!db1c1iek. Ukazalyj sme si jak ud81ostoi vlivf1uji prvky na strance.T ed' si jeste ukazemeja k udalosti mohou ",\11 v; i"I"'\I,:,j "l.., u "jf~iit.." -r-.yJii !' iii~iii ii';' / ii y"~,.l.; j-,,- .;.-. ' W."' /i / ii':'";,,",., 1'-"i v 1i;~l ':''}'" \I I."", -. ii':'IV:l'"" '/.l i ";i'-'!-., iil y U.1., .-.prohlfZetes ep o jejfm zobrazenuf kazalt feba prav~ text HELLO WORLD v dialogovemo knu r -,_! .1.-1r''v/.y'f., .,",", '\TIY "'----1"_'!-' !I \I ---,-- __r .1/1_.,'.' 1- , _,__, v./_. _1'_, _,- ,..ITTT"TTi"'- r""T'.~"'T-"\"T'.~ I"\ .1.. ,-_." I"H;."~r._".".'Y".-" -'\I"..O!V! '~-~. ,'U""""".'.'-."."."'- "-J".'..-"," '.I' lk "flll'"" !"" "" ""..,.'f "'-!"."."-"-l ",' "k' / ' Jl " ""--"-,"... ." --orl , ..j ...,.,.,.1..,. .","- ,~,~.I. I.I~ I..,.", .1.' '!'!\J!'-/.!J), i1/t: ~i1!!!tJ/.rt:j!!!t: !//u:.I.~.t: !!!!~!.tJ !.lJ!!tJ!.tJ IJr!!,-;:1:/.u vyp!!!!!.ji1!'_tJU!'_lJ!! V/i1~!.!!! !!1!!!'-l:!. Aby prohliZec neeDu delal po nahrAti strflI1.kym usime udAlost tlmistit do tela striLt1ky.D o tagu body 1.V( !_1_-1~(.(1(-1._1__-1,,_v_r.1._I1~.(_.. .v.r_1_. .1~.. 1 (r.1_~ V!t'/.!!!!t:: !!a~!t::UUJ!!.:! !".t"-1 : t'!!!OaU- Va~ !U!!!".!.:t:: .!V!!~tt, Va~ !U!!!".!.::t:: VYl,!!!tt:: V!a~!.!!! !U!!!".!.:!.1.~ T- ..1~.. .._1 V-. v~~ '~_'_"("_-1 ."(1- _1-.. Ut:!!!!t'Va!!OU v .!ava~!"_f!I'!'U (1 !!t:!,t, l'fl'~tt: 1"-'U:'.!Jtt: ta!l.Ja!'_'-' v l'f!!".!aU!.tl'f!!'.a/. Ł!!t:f!.._.!..+._~i" -~lit.llil~ ~i~~~ d-.- --~ll~a ,--" ~'- l,''.,~l1! --,-C~"'t","_"C_1I ~ '""~ "-'"r""~..~"-"'-.."~v' ,,-, UU.1"~C."..',~1.~_" _"_fI,'~l t1""_'_' J.--, ",--- -"'J.1.~w <body onload="alert('HELLO WORLD')"> -:::10rnl;:-- " ", " .'."TT"'.""" "!!!l'Ut tYIJt::- t'Ultl'" V'1/ur- I"-!!~!!! ::: ., -"_.1.I""'_I. 1 I ""~""- ~ "_~1 !- "..,..'.In' IT"T"T""""''TVT"""""""t"T" '_-,- nTT"""""~ '.1_-i ~~~, ',", J.VJ.J.ll,- </body> - ! "'!1!!: :.!-! .'fr..' U. U!t'V ,!!.!-a ! .",- !!!a -, \c~-l.}t-'U ~tc-ll-l -y,--~.. !n'/lO",L".\,J_U_U.i1JII .'~l!.!IU'I1I "" -'-! 1_, "A " """"L.'t.L..L.VVL. 1 l1it!. ."'1li i-.Timto jsme zajistili aby se stalo nasled\1j!~i. Na obrazovku bude vykresleno tlacitko tat jak ho zn{une /, ii[LSt:h(, l )iYii!1i(' Ji). r~.;aJu Zai.:"'~~';; 1r iii"~ ,.., ii,-.hf{,iii [,,,1;.,1,-. ,,~rK1 ".-1" ,:" i.i.-.1-.1i. ;~,V:~" "",,1 i ",1~1""f '-r-' "---'--'J.'-_.'."' '1."." "---"1."--"_. ,.,-onload, ktcra prohliZcCi ftka, Z.cp o ilaCtcni stranl...'Ym a zobrazit dialogovc okno s tcxtcm HELLO \'lOT<.LD. Udlllosti jsou velmi uZitecnyma mocnymn llstrojem. Jsoun edelitelnous oucastJi avaskriptup, rotoz~ 1 '"".-: hv hv1 ".-,11i--1.--,,~"ifi ..i..v';; I.,'"i i "r ",I.i'ji..J i'", ,,~f,!;"'." I.,iv,},v ,..,,},;;,' ..u,-1'!;1osti ~.~":;ral :,v j..:;i ._'-".I'.J"'-"-'~J.~."'.~"'J'.'.I"'.-J.".J."'.'""~J.'-"~"-'-""-"-"'-J-.'.I"'-".I" lJJspustila. V nasledujfcf tabulce bych Vam chitl seznamit se v~emi znamimi udAlostmi, ktere jdou V',n.I,"'.V... "__I.. _.1.'.1, .1.ICV,...",I_v.l. .ICI__, V'j'W.II.. l't'U('I.'j'!'.?!!!I, /.\.: Ill:: V~l::\.:I!!!'j' t"'J\.:!'.t'j' Ut'Ka:lJ ~1'U~!'!1. !'.il/.Ut't!. UUilJU:;t., I III ()nrC\w,in~rtf';rl onfOC"_1S IIII iI onload II iI ond:ataavailable 1'--- I; tl onsubmit o,.. T 16 ~L !I ondata,~etcomplete Jl~~~~~;-~~~~
|
