e-gradiva				HTML	CSS	JavaScript	Načrtovanje
						SERŠ Maribor		Iskanje	Primeri

Pošiljanje podatkov - input/submit

Dogodek, ki je predpisan obrazcu ali posameznemu elementu v obrazcu kliče funkcijo ki dela z elementi obrazca. Podatki obrazca ali elementov v tem obrazcu dajejo natančen napotek v funkciji.

Kdor je že kdaj prej delal z spletnimi stranmi, ve kako enostavno je vstaviti gumb Submit, ki pošlje obrazec na strežnik. Gumb ustvarimo v HTML z značko <input>, ki ji za lastnost type dodeli vrednost submit:

<input type="submit" value="POŠLJI" />

Lastnosti

Lastnost obrazca

Vrne lastnost, ki se nanaša na lastnosti starša (obrazec).

Lastnost name

Lastnost vrne vrednost, ki pripada lastnosti name v znački input.

Lastnost type

Lastnost vrne vrednost, ki pripada lastnosti type. V primeru gumba submit torej vedno vrne "submit".

Lastnost value

Lastnost vrne vrednost, ki pripada lastnosti value. To je napis, ki se nahaja trenutno na površini gumba. Če vrednost ni določena, je napis odvisen od operacijskega sistema.

Lastnost tabindex

Lastnost ima za vrednost celo pozitivno število. Določa razpored v polju pritiska na tipko TAB za dostop do elementa. Ta lastnost je zelo slabo podprta.

Druge lastnosti

class, dir, id, lang, style, title

Postopki

Postopek blur()

Postopek odstrani fokus z izbranega gumba.

Postopek click()

Postopek simulira miškin klik na gumb.

Postopek fokus()

Postopek preusmeri fokus na izbrani gumb.

Postopek handleEvent()

Postopek kliče krmilnik za določen dogodek.

Dogodki

Krmilnik ondogodek="mojJavaScript"

Krmilnik izvrši določen JavaScript, ki ga predpisuje dogodek (onblur, onclick, ondblclick, onfocus, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup).

Predmet form

Dogodek onsubmitje poseben dogodek, ki ga lahko pripišemo predmetu form, ki je potreben za pošiljanje obrazca:

<form onsubmit="mojJavaScript()">

Če se želi preveriti podatke, ki se jih lahko pošlje glede na zahteve prejemnika, je potrebno dodati stavek return kot v primeru:

<form onsubmit="return preveri(this)">

 Gor     e-gradiva     JavaScript      Ponastavitev obrazca   Potrditev/slika 

SERŠ Maribor : Strokovna gimnazija : 2004 : Mario Kropej