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

Radijski gumbi - input/radio

Ustvariti skupino z radijskimi gumbi zahteva že nekaj več dela. Za natančno nadzorovanje potrebujemo imena za posamezne predmete v skupini. Da lahko izberemo samo en gumb v skupini, mora imeti vsak član iste skupine enako ime.

Določitev imena obliki elementa da učinek brskalniku da ga prikaže drugače kot druge elemente ki imajo edinstveno ime. Namesto, da brskalnik ohrani razvrstitev jih razvrsti v seznam z enakimi imeni. Ime, ki pripada skupini, dobil ime razvrstitve. Nekatere nastavitve omogočajo skupini da je samostojna; druge nastavitve pa omogočajo da so gumbi izven skupine razpoznavni in morajo biti naslovljeni z dostopnimi z vrednostjo indeksa. Na primer, število gumbov je v skupini lahko preberemo s postopkom length:

document.forms[0].imeSkupine.length

Če se želi ugotoviti ali je gumb izbran, lahko s pomočjo pregledane lastnosti, ki je uporabljena za kontrolno okno, je potrebno imeti dostop posameznega elementa ali gumba:

document.forms[0].imeSkupine[0].checked

Lastnosti

Lastnost checked

Lastnost je tako imenovana logična vrednost: pravilno (true), če je kvadratek potrjen, nepravilna (false), če kvadratek ni potrjen. V skupini radijskih gumbov ima lahko samo en gumb vrednost true, vsi ostali pa false. Vrednost gumba lahko spremenimo in takoj se bo to tudi prikazalo v brskalniku.

Lastnost defaultChecked

Lastnost vrne vrednost, ki pripada lastnosti defaultChecked, to je začetni vrednosti pritrditvenega kvadratka. V skupini radijskih gumbov ima lahko samo en gumb vrednost true, vsi ostali pa false.

Lastnost obrazca form

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

Lastnost name

Lastnost vrne vrednost, ki pripada izbrani lastnosti v skupini z istim imenom.

Lastnost type

Lastnost vrne vrednost, ki pripada lastnosti type. V primeru pritrditvenega kvadratka torej vedno vrne "radio".

Lastnost value

Lastnost vrne vrednost, ki pripada lastnosti value tistega gumba v skupini, ki je potrjen. Ta vrednost se sme pojaviti na strani v kakšni drugi obliki.

Lastnost disabled

Lastnost ima logično vrednost. Določa ali lahko dostopamo do podatkov, ki se nahajajo v okencu. Običajno je onemogočen premet viden kot sivo polje.

Lastnost readonly

Lastnost ima logično vrednost. Določa ali lahko spreminjamo podatke, ki se nahajajo v okencu. Običajno je besedilo v okencu, ki ga ne moremo spreminjati, senčeno.

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

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      Potrditev   Besedilo 

SERŠ Maribor : Strokovna gimnazija : 2004 : Peter Šori-Lončarič