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

Fokus

Koda: 
<script type="text/javascript">
function vZarisce()
{
document.forms[0].vstavi.focus()
}
function izZarisca()
{
document.forms[0].vstavi.blur()
}
</script>

<form action="akcija.html">
<p>
<input type="text" name="vstavi" size="30">
</p><p>
<input type="button"
value="Postavi fokus na vnosno polje" onclick="vZarisce()" />
</p><p>
<input type="button"
value="Odstrani fokus z vnosnega polja" onclick="izZarisca()" />
</p>
</form>
Izgled v
brskalniku:

Razlaga: Po kliku na prvi gumb se izvede funkcija vZarisce(), ki zažene metodo elementa vstavi v obrazcu HTML dokumenta, imenovano focus(). Ta metoda povzroči, da se element postavi v ospredje upravljanja - konkretno pri škatlici za besedilo (textBox) to pomeni, da se kurzor za pisanje pojavi v notranjosti škatlice in uporabnik lahko piše. Temu pojavu programerji pravimo nastavitev fokusa na objekt. Podobno se po kliku na drugi gumb pokliče funkcija izZarisca(), ki s pomočjo metode blur() odstrani fokus.

gor Gor     e-gradiva     JavaScript     Primeri     Obrazci

SERŠ Maribor : Strokovna gimnazija : 2006 : Cvetko Pirš