Iskačući (popup) prozori
Programi vole da "pričaju" sa korisnikom, postavljaju pitanja, daju odgovore i odgovaraju na poziv. Metod predstavlja način na koji se radi nešto, a JavaScript metodi su akcione reči (action words, doers) JavaScript jezika. Metodi su pokretači dešavanja.
JavaScript koristi dijalog prozore (dialog boxes) za interkaciju sa korisnikom. Dijalog prozori se kreiraju pomoću tri metoda:
Alert
Alert() metoda pravi mali, nezavisan prozor – nazvan dijalog prozor, prozor za dijalog, koji sadrži mali trougao sa znakom uzvika.
Personalizovana poruka korisnika je smeštena posle i ispod trougla, kao i OK dugme. Kada se dijalog prozor pojavi, svako izvršavanje koda je stopirano dok korisnik ne pritisne OK dugme. Izled dijalog prozora može varirati od browser-a do browser-a, ali u svakom browseru funkcioniše na isti način. Alert se koristi kada hoćemo da budemo sigurni da će informacija doći do korisnika.
Kada se alert prozor otvori korisnik treba da klikne “ok” za nastavak.
Sintaksa:
alert(”nekitekst”)
Primer:
<html>
<head>
<script>
function prikazi_alert()
{
alert("Ja sam alert!!")
}
</script>
</head>
<body>
<input type="button" onclick="prikazi_alert()" value="Prikaži alert prozor" />
</body>
</html>
Confirm
Confirm se koristi ako želimo da korisnik proveri ili prihvati nešto. Znak pitanja će se pojaviti u prozoru zajedno sa OK i Cancel dugmetom. Ako korisnik pritisne OK dugme, vraća se vrednost true, a ako pritisne Cancel, vraća se vrednost false.
Ova metoda koristi samo jedan argument, pitanje koje je postavljeno korisniku.
Sintaksa:
confirm(“nekitekst“)
Primer:
<html>
<head>
<script>
function prikazi_confirm()
{
var r=confirm("Pritisnite dugme")
if (r==true) {
document.write("Pritisnuli ste OK!")
} else {
document.write("Pritisnuli ste Cancel!")
}
}
</script>
</head>
<body>
<input type="button" onclick="prikazi_confirm()" value="Prikaži confirm dijalog" />
</body>
</html>
Primer 2:
<html>
<head>
<title>Korišćenje confirm dijaloga </title>
</head>
<body>
<script>
// document.clear(); // Briše sadržaj strane - kod starijih browser-a
if(confirm("Da li ste zaista dobro?") == true){
alert("Onda možemo da nastavimo");
} else {
alert("Pokušaćemo kada Vam bude bolje");
}
</script>
</body>
</html>
Budući da JavaScript ne obezbeđuje jednostavan metod za prihvatanje korisničkih podataka, za ove potrebe, koriste se HTML forme i prompt dialog prozori. Prompt dialog prozor se pojavljuje sa jednostavnim poljem za tekst (textfield). Nakon što korisnik u prompt dialog unese tekst, vrednost se vraća. Prompt dialog box koristi dva argumenta: string, tj. tekst koji obično predstavlja pitanje postavljeno korisniku opominjući korisnika da odgovori na pitanje i još jedan string koji obično predstavlja default odgovor koji je napisan u polju za unos. Ako korisnik pritisne OK dugme, ceo tekst iz dijalog prozora se vraća. Ako pritisne Cancel prozor će mu vratiti null.
Sintaksa:
prompt(“sometext“,“defaultvalue“)
Primer:
<html>
<head>
<script>
function prikazi_prompt()
{
var ime=prompt("Molim vas unesite ime","Harry Potter")
if (ime != null && ime != "")
{
document.write("Zdravo" + ime + "! Kako si danas?")
}
}
</script>
</head>
<body>
<input type="button" onclick="prikazi_prompt()" value="Prikaži prompt prozor" />
</body>
</html>