e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
SERŠ Maribor | Iskanje | Primeri |
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