Tutorijali.Net - Javascript

Tutorijali

	Oglasi

Anketa

JAVASCRIPT

Alerti

Alert box može biti veoma koristan kod raznih formulara kod kojih provjerimo da li su sva polja popunjena, ako nisu onda iskoči prozorčić (alert) i obavijesti korisnika da nisu sva polja popunjena.

U predhodnom tutorijalu kod funkcija ste naučili ako napraviti jednostavan alert, a ovdje ćemo se malo više pozabaviti s njima.

Evo primjera kako napraviti alert box sa više redova:

<html>

<head>

<script type="text/javascript">

function popup()

{

alert("Pozdrav svima. Kako ste, sta se radi?" + '\n' + "Evo ovo pisem u novi redak")

}

</script>

</head>

<body>

<form>

<input type="button" onclick="popup()" value="Klikni ovdje">

</form>

</body>

</html>

Da pojasnimo. Pravite normalno alert box i onda sa + i + odvajate kod i u jednostruke navodnike pišete \n što označava novi redak.

Confirm box
Ovdje će iskočiti alert box gdje možete birati između tipke OK i Cancel:

 <html>

<head>

<script type="text/javascript">

function popup()

{

var ime=confirm("Pritisnite tipku")

if (ime==true)

{

document.write("Pritisnuli ste tipku OK")

}

else

{

document.write("Pritisnuli ste tipku Cancel")

}

}

</script>

</head>

<body>

<form>

<input type="button" onclick="popup()" value="Klikni ovdje">

</form>

</body>

</html>

Pogledajte ovdje, definirate varijablu ime sa: var ime=confirm("Pritisnite tipku") i pridodajete joj vrijednost confirm alerta, i onda sa if (ime==true) provjeravate da li je korisnik kliknio na OK tipku, ako je ispisuje rečenicu da ste pritisnuli OK, ako nije, kod: else { document.write("Pritisnuli ste tipku Cancel") } ispisuje da ste kliknuli na Cancel. Vjerujem da vam je sve jasno.

Prompt box
Prompt box vam je prozorčić gdje trebate nešto upisati. Evo primjera:

 <html>

<head>

<script type="text/javascript">

function popup()

{

var ime=prompt("Unesite vase ime")

if (ime!=null && ime!="")

{

document.write("Pozdrav " + ime )

}

}

</script>

</head>

<body>

<form>

<input type="button" onclick="popup()" value="Klikni ovdje">

</form>

</body>

</html>

Dakle isto kao i kod confirm boxa i ovdje definirate varijablu ime sa: var ime=prompt("Unesite vase ime") samo što ovdje prije zagrade piše prompt a ne confirm. Zatim sa: if (ime!=null && ime!="") provjeravate ako je ime upisano i ako ime nije prazno neka se ispiše rečenica.

Eto to bi bilo to, nadam se da vam je sve jasno. Ako nije pitajte :)

Sljedeći tutorijal: For Loop

_________________________

Autor ovog tutorijala: Gogy