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

Onemogočanje izbire

Koda:
<script type="text/javascript">
function onemogoci(moznost)
{
var element=document.forms.obrazec.izbira
element.disabled=moznost
}
</script>


<form id="obrazec">
<p>
<select name="izbira">
<option>Matematika</option>
<option>Angleščina</option>
<option>Nemščina</option>
<option>Geografija</option>
</select>
</p> <p>
<input type="button" onclick="onemogoci(true)"
value="Onemogoči izbiro" />
<input type="button" onclick="onemogoci(false)"
value="Omogoči izbiro" />
</p>
</form>
Izgled v
brskalniku:

Moj najljubši predmet je:

Razlaga: Imamo izbirni stolpec, katerega lahko omogočimo ali pa onemogočimo. To naredimo s klikom na ustrezen gumb. Če kliknemo na gumb za napisom Onemogoči izbiro, se zažene funkcija onemogoci(), ki ji podamo parameter true. V tej funkciji imamo najprej definirano spremenljivko element, ki predstavlja predmet document.forms.obrazec.izbira (element, ki ima atribut name="izbira", nahaja se znotraj, obrazca, ki je ima atribut id="obrazec", le-ta pa se nahaja znotraj dokumenta). Nato pa z lastnostjo disabled nastavimo, da je element res onemogočen, saj nastavimo disabled=true. Če pa potem izberemo gumb na katerem piše Omogoči izbiro, naredi zelo podobno, s to razliko, da tukaj damo lastnost disabled na vrednost false in s tem spet omogočimo izbiro elementa.

SERŠ Maribor : Strokovna gimnazija : 2004 : Davorin Lenart