e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
SERŠ Maribor | Iskanje | Primeri |
Koda: | <script type="text/javascript"> function spremeniFokus(elmnt,content) { if (content.length==elmnt.maxLength) { next=elmnt.tabIndex if (next<document.forms[0].elements.length) { document.forms[0].elements[next].focus() } } } </script> <form id="obrazec"> <input size="2" tabindex="1" name="vrednost1" maxlength="2" onkeyup="spremeniFokus(this,this.value)" /> / <input size="3" tabindex="2" name="vrednost2" maxlength="3" onkeyup="spremeniFokus(this,this.value)" /> - <input size="4" tabindex="3" name="tretji" maxlength="4" onkeyup="spremeniFokus(this,this.value)" /> </form> |
---|---|
Izgled v brskalniku: |
Vpiši telefonsko številko |
Razlaga: |
Ko je v vnosno polje vnešeno predpisano število znakov, se prestavi žarišče (fokus) v naslednje polje. Polja so označena z atributom tabindex in ko je polje polno, prestavi kazalec v polje z naslednjo vrednostjo tabindex . Velikost polja je določena z atributom size , količina znakov, ki se jih lahko vpiše v polje, pa je določena z atributom maxlength .
|
SERŠ Maribor : Strokovna gimnazija : 2004 : Leon Borko