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

Gumb - button

Gumb ustvarimo z značko <button>. Značka <button> ustvari gumb v obrazcu in doda vtis tridimenzionalnosti. Za razliko od predmeta <input type="button" /> lahko dodamo na gumb druge predmete (odstavke, naslove, slike). Za sliko na gumbu lahko uporabimo tudi zemljevid image map.

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 kliku na gumb. Primer:

<form action="gumb2.html" method="get">
<button type="button"
onclick="window.open('foto6.jpg')">
<img src="primeri/slike/xfoto6.jpg" />
<p>Je to Nejc?</p>
</button>
<br />
<button type="button" onclick="alert('\u010C;isto navaden gumb.')">
<p>Klikni na ta gumb!</p>
</button>
</form>

Je to Nejc?

Klikni na ta gumb!

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 "button".

Lastnost value

Lastnost vrne vrednost, ki pripada lastnosti value. To je napis, ki se nahaja trenutno na površini gumba.

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

Postopek preusmeri fokus na izbrani gumb.

Postopek mousedown()

Postopek simulira pritisk na miškin gumb.

Postopek mouseup()

Postopek simulira sprostitev miškinega gumba

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, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup).

 Gor     e-gradiva     JavaScript      Preprostejši gumb   Potrditev 

SERŠ Maribor : Strokovna gimnazija : 2004 : Jernej Dolinar