Vnosno polje

Koda:

Koda:	<script type="text/javascript"> function dobiime(niz) { document.getElementById("zdravo").firstChild.nodeValue="Zdravo, "+niz+"!" if (niz=="" \|\| niz==" ") zdravo.firstChild.nodeValue="" } </script> <form action="akcija.html"> <input type="text" name="ime" onkeyup="dobiime(this.value)" `→` value="vpiši ime" onfocus="this.select()" /> </form> <p id="zdravo"> </p>
Izgled v brskalniku:	Čuj, kak ti je ime?
Razlaga:	Na vnosno polje obrazca v HTML dokumentu je vezan dogodek `onkeyup`, ki povzvoči klic funkcije `dobiime()` ob vsakem izpustu tipke, kadar tipkamo vanj. Funkcija `dobiime(niz)` spremeni besedilo elementa `p` v HTML dokumentu. Če je `niz` prazen, počisti vsebino tega elementa, če pa ni, pa ga nastavi na zapis `Zdravo, niz!`, kjer je `niz` dejanska spremenljivka.

<script type="text/javascript">
function dobiime(niz)
 {
 document.getElementById("zdravo").firstChild.nodeValue="Zdravo, "+niz+"!"
 if (niz=="" || niz==" ") zdravo.firstChild.nodeValue=""
 }
</script>
<form action="akcija.html">
<input type="text" name="ime" onkeyup="dobiime(this.value)"
→ value="vpiši ime" onfocus="this.select()" />
</form>
<p id="zdravo"> </p>

Izgled v
brskalniku:

Čuj, kak ti je ime?

Razlaga: Na vnosno polje obrazca v HTML dokumentu je vezan dogodek onkeyup, ki povzvoči klic funkcije dobiime() ob vsakem izpustu tipke, kadar tipkamo vanj. Funkcija dobiime(niz) spremeni besedilo elementa p v HTML dokumentu. Če je niz prazen, počisti vsebino tega elementa, če pa ni, pa ga nastavi na zapis Zdravo, niz!, kjer je niz dejanska spremenljivka.

Gor e-gradiva JavaScript Primeri Obrazci

SERŠ Maribor : Strokovna gimnazija : 2006 : Simon Plantak

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri