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

Izguba fokusa

Koda: 
<script type="text/javascript">
function zdravo(text)
{
document.getElementById("prikaz").firstChild.nodeValue = "Zdravo, " + text + "!"

}
</script>

<p id="prikaz">Vpiši ime in ... polja!</p>

<form id="obrazec">
<p><input type="text" onblur="zdravo(this.value)"
name="vnos" /></p>
</form>
Izgled v
brskalniku:

Vpiši ime in klikni kjerkoli izven vnosnega polja!
Razlaga:

Zgoraj je zapisana koda HTML in JavaScript ki je potrebna za delovanje spodnjega primera. Pod kodo HTML je prikazan rezultat zgornje kode. Če boste v prazno polje vpisali neki tekst, se vam bo le to izpisalo nad poljem, ko boste polju odvzeli fokus. Slednje dosežete tako, da recimo kliknete kjerkoli zunaj polja.

V elementu form je gnezden element input, slednji nam predstavlja polje za vnos teksta. Element input reagira na dogodek onlbur in tedaj kliče funkcijo zdravo() in ji kot vhodni podatek pošlje tekst, ki ste ga vnesli. Ključna veseda this pomeni, da se parametet poišče v tem elementu.

Funkcija zdravo() prejeti vhodni podatek shrani v spremenljivko text. Nato pa na osnovi atributa id v dokumentu najde ustrezen predmet. Lastnosti firstChild.nodeValue tega predmeta, priredi vrednost niza, katerega dobi tako, da združi spremenljivko text in že vnaprej pripravljen niz.

gor Gor     e-gradiva     JavaScript     Primeri

SERŠ Maribor : Strokovna gimnazija : 2004 : Danijel Mom