{"id":1549,"date":"2021-03-30T23:43:46","date_gmt":"2021-03-30T22:43:46","guid":{"rendered":"https:\/\/ssntb.org\/mirozaric\/?p=1549"},"modified":"2021-03-30T23:43:46","modified_gmt":"2021-03-30T22:43:46","slug":"dogadjaji-events","status":"publish","type":"post","link":"https:\/\/ssntb.org\/mirozaric\/2021\/03\/30\/dogadjaji-events\/","title":{"rendered":"Doga\u0111aji (events)"},"content":{"rendered":"\n<p><strong>Doga\u0111aji<\/strong> su okida\u010di koji pozivaju (pokre\u0107u) jednu od definisanih funkcija. Klijent strana aplikacije (JavaScript program) ne\u0107e se izvr\u0161iti (interpretirati) dok je ne pokrene neki doga\u0111aj. Doga\u0111aj mo\u017ee biti akcija poput klika na neki objekt ili prijelaz mi\u0161a preko nekog objekta. Provjera unosa na formi u pravilu se pokre\u0107e kada korisnik klikne na \u00abPo\u0161alji\u00bb, odnosno kada se na objektu okine onClick doga\u0111aj. U JavaScriptu mo\u017eemo registrirati okidanje doga\u0111aja za koje slijedi opis.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">onClick()<\/h5>\n\n\n\n<p>Doga\u0111aj koji okida kada se klikne na elemente: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>button <\/li><li>checkbox <\/li><li>radio button <\/li><li>reset button <\/li><li>submit button <\/li><\/ul>\n\n\n\n<p>Primjer uporabe ovog doga\u0111aja<\/p>\n\n\n\n<p><span class=\"has-inline-color has-vivid-red-color\">&lt;input type=\u201dbutton\u201d value=\u201dKlikni me\u201d onClick=\u201dwindow.alert(\u2018Kliknuli ste\u2019);\u201d><\/span><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">onSubmit()<\/h5>\n\n\n\n<p>Ovaj doga\u0111aj okida kada korisnik \u0161alje rezultate popunjene na formi. Uobi\u010dajeno je taj doga\u0111aj vezati na provjeru podataka forme. \u2022Primjer uporabe ovog doga\u0111aja<\/p>\n\n\n\n<p><span class=\"has-inline-color has-vivid-red-color\">&lt;form action=\u201dhttp:\/\/www.primjeri.hr\/formtest.asp\u201d onSubmit=\u201dreturn provjera();\u201d> <\/span><\/p>\n\n\n\n<p>U ovom primjeru kada korisnik klikne na dugme Submit izvr\u0161it \u0107e se funkcija provjera(). Ako svi podaci na formi uspje\u0161no pro\u0111u test, funkcija \u0107e vratiti true, a podaci \u0107e se tada proslijediti serveru. U protivnom korisnik \u0107e morati ispraviti ili dopuniti podatke na formi.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">onMouseOver()<\/h5>\n\n\n\n<p>Ovaj doga\u0111aj okida kada se korisnik pozicionira mi\u0161em na hyperlink.<\/p>\n\n\n\n<p><span class=\"has-inline-color has-vivid-red-color\">&lt;a href=&#8221;http:\/\/www.primjeri.hr\/&#8221; onMouseOver=&#8221;window.status=&#8217; Java Script i programiranje na webu!&#8217;; return true;&#8221;><\/span><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">onMouseOut()<\/h5>\n\n\n\n<p>Ovaj doga\u0111aj okida kada se korisnik pozicionira mi\u0161em izvan hyperlinka.<\/p>\n\n\n\n<p><span class=\"has-inline-color has-vivid-red-color\">&lt;a href=&#8221;http:\/\/www. primjeri.hr\/&#8221; onMouseOut=&#8221;window.status=&#8217; Java Script i programiranje na webu!&#8217;; return true;&#8221;><\/span><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">onFocus()<\/h5>\n\n\n\n<p>Objekt forme postaje aktivan. Ovaj doga\u0111aj okida kada se korisnik tabulatorom ili mi\u0161em postavi na: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>password <\/li><li>text <\/li><li>textarea <\/li><li>FileUpload <\/li><\/ul>\n\n\n\n<p>U HTML formi.<\/p>\n\n\n\n<p><span class=\"has-inline-color has-vivid-red-color\">&lt;INPUT TYPE=&#8221;TEXT&#8221; NAME=&#8221;Mjesec&#8221; onFocus=&#8221;window.status=(&#8216;Upi\u0161ite mjesec od 01 do 12&#8217;); return true;&#8221;><\/span><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">onChange()<\/h5>\n\n\n\n<p>Ovaj doga\u0111aj okida kada korisnik napu\u0161ta objekt, a vrijednost objekta se promijenila.<\/p>\n\n\n\n<p><span class=\"has-inline-color has-vivid-red-color\">&lt;INPUT TYPE=&#8221;TEXT&#8221; NAME=&#8221;Mjesec&#8221; onChange=&#8221;window.status=(&#8216;Vrijednost se promijenila!!!!&#8217;); return true;&#8221; ><\/span><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">onBlur()<\/h5>\n\n\n\n<p>Ovaj doga\u0111aj okida kada korisnik napusti objekt u HTML formi bez obzira na to je li se vrijednost objekta promijenila ili ne.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">onLoad()<\/h5>\n\n\n\n<p>Ovaj doga\u0111aj okida nakon \u0161to preglednik u\u010dita dokument.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">onUnload()<\/h5>\n\n\n\n<p>Ovaj doga\u0111aj okida kada se dokument po\u010dne u\u010ditavati.<\/p>\n\n\n\n<p>Tabelarni prikaz doga\u0111aja i elemenata HTML forme<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"919\" height=\"286\" src=\"https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-72.png\" alt=\"\" class=\"wp-image-1550\" srcset=\"https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-72.png 919w, https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-72-300x93.png 300w, https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-72-768x239.png 768w\" sizes=\"auto, (max-width: 919px) 100vw, 919px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Doga\u0111aji su okida\u010di koji pozivaju (pokre\u0107u) jednu od definisanih funkcija. Klijent strana aplikacije (JavaScript program) ne\u0107e se izvr\u0161iti (interpretirati) dok je ne pokrene neki doga\u0111aj. Doga\u0111aj mo\u017ee biti akcija poput klika na neki objekt ili prijelaz mi\u0161a preko nekog objekta. Provjera unosa na formi u pravilu se pokre\u0107e kada korisnik klikne na \u00abPo\u0161alji\u00bb, odnosno kada&hellip; <br \/> <a class=\"button small blue\" href=\"https:\/\/ssntb.org\/mirozaric\/2021\/03\/30\/dogadjaji-events\/\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-1549","post","type-post","status-publish","format-standard","hentry","category-17"],"_links":{"self":[{"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/posts\/1549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/comments?post=1549"}],"version-history":[{"count":1,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/posts\/1549\/revisions"}],"predecessor-version":[{"id":1551,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/posts\/1549\/revisions\/1551"}],"wp:attachment":[{"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/media?parent=1549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/categories?post=1549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/tags?post=1549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}