| 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