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

Slika - input/image

Slikovni gumb image dovoljuje uporabo slike kot zamenjavo za gumb submit. Predmet ustvarimo z značko <input>, ki ji za lastnost type dodamo vrednost image:

Predmet tudi omogoča, da se v obrazcu uporabi slika, občutljiva na miškin klik, image map (če brskalnik lahko prestreza miškine koordinate x in y). Obvezna je lastnost src, ki določa izvor slikovne datoteke. Nekateri brskalniki tudi naredijo okoli slike obrobo.

<input type="image" src="foto2.jpg "/>

Element je shranjen kot predmet v polju predmetov obrazca (katerega otrok je) pod zaporedno številko in pod svojim imenom (če ga ima). Dogodek, ki se bo izvršil, običajno pričakujemo ob izgubi fokusa, ob pritisku na tipko ali ob dogodku nekega drugega predmeta (npr. ob pošiljanju obrazca):

<input type="image" src="foto2.jpg onblur="dogodek()" />

Lastnosti

Lastnost obrazca form

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 torej vedno vrne "image".

Lastnost src

Lastnost vrne vrednost, ki pripada izvor slikovne datoteke.

Lastnost ismap

Lastnost poda logično vrednost, če je slika uporabljena kot zemljevid.

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 focus()

Postopek preusmeri fokus na izbrani gumb.

Postopek handleEvent(dogodek)

Postopek kliče krmilnik za določen dogodek.

Dogodki

Krmilnik ondogodek="mojJavaScript()"

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

 Gor     e-gradiva     JavaScript      Pošiljanje   Slike 

SERŠ Maribor : Strokovna gimnazija : 2004 : Rok Kožuh