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

Izbirni seznam - select

Najbolj obsežna oblika elementov za skriptiranje je izbirni predmet Izbirni predmet je res sestavljen predmet: predmet, ki vsebuje izbrane elemente in skupine elementov. Povrhu imamo še obliki rolete ali drsnega traku, ki se mu lahko pozneje nastavi za izbiro več različnih vrednosti. Sestavna dela izbir sta premeta option in optiongroup.

Lastnosti

Lastnost length

Lastnostpoda število možnih izbir v seznamu, prva vrednost je podana z vrednostjo 0.
primer: document.forms[0].izbira[0].length

Lastnost options

Lastnost option predstavlja skupino elementov, ki jih lahko izberemo. Vsak element se nahaja v privesku option.

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 ima dve možni vrednosti "select-one", ki omogoča izbiro enega samega elementa v seznamu in "select-multiple", ki omogoča z uporabo tipke CTRL izbiro več elementov s seznama.

Lastnost selectedIndex

Lastnost je indeksna vrednost trenutne izbranega elementa. Prva vrednost indeksnega seznama je v JavaScript vrednost 0. Izbrana vrednost indeksa je potrebna za omogočanje do dostopa lastnosti za izbrano nastavitev. V primeru omogočanja več izbranih elementov, ima lastnost vrednost prvega izbranega elementa.

Lastnost size

Lastnost dovoljuje uporabniku, da lahko v padajočem seznamu prikaže več kot eno samo vrednost. Drsnik omogoča premikanje po seznamu.

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.

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.

Postopki

Postopek blur()

Postopek odstrani fokus z izbranega gumba.

Postopek focus()

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, onfocus, onselect).

Element izbirnega seznama - option

Značka option se uporablja v padajočih seznamih za vstavljanje ene možnosti. Značko je mogoče večkrat vstaviti znotraj priveska select. Napis, ki bo viden v oknu, se nahaja znotraj značk <option> in </option>. Vrstni red priveskov v izvorni kodi HTML določa vrstni red prikazanih izbir v dokumentu. Vsak element ima lahko svoje lastnosti za name, value in id.

V splošnem je padajoči seznam uporabljen kot meni. Priporočljivo je, da je besedilo kratko, eno ali dve besedi. Daljši tekst bo uporabnika preveč zaposlil in ga lahko zmede. Tudi število izbir kar je potrebno se da omejiti. Bolje je uporabiti kaskadne menije, kot enega daljšega.

Lastnosti

Lastnost value

Lastnost vrne vrednost, ki pripada lastnosti value, ki pripada izbranim vrednostim.

Lastnost selected

Lastnost je uporabljena za določanje vrednosti, ki je izbrana v seznamu. V seznamu je takrat vidna. Nekateri brskalniki jo takrat drugače označijo.

Lastnost defaultSelected

Enemu elementu lahko določimo izbrano vrednost ob nalaganju okna. Vrnjena vrednost je lahko true ali false, Lastnost selected lahko spreminjamo, defaultSelected pa samo bereno.

Lastnost label

Label podaja kratek tekst, ki opisuje element v seznamu.

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.

Skupina izbirnega seznama - optgroup

Značka optgroup se uporablja v padajočih seznamih za združevanje možnosti. Značko je mogoče večkrat vstaviti znotraj priveska select. Napis, ki bo viden v oknu, se napiše z lastnostjo label značke </option>. Elementa ni dovovljeno gnezditi.

Lastnosti

Lastnost label

Label podaja kratek tekst, ki izpisuje element v seznamu.

Lastnost disabled

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

 Gor     e-gradiva     JavaScript      Večvrstično besedilo   Prenos datoteke 

SERŠ Maribor : Strokovna gimnazija : 2004 : Vitjan Muršec