Korištenje dijalog okvira u JavaScript-u

Dijalog okviri pripadaju vrhu DOM hijararhije, tj. Window objektu. Vidjet ćemo kako kodirati okvire za poruke (alerts), potvrdne okvire (confirms) i okvire za upis podataka (prompts).


Poruke (Alert)


Funkcija alert objekta Window stvara mali prozor sa kratkom proizvoljnom porukom i jednim OK dugmetom.

alert("Pozdrav korisnice"); ili window.alert("Pozdrav korisnice");

Potvrde (Confirm)


Funkcija confirm() objekta Window stvara prozor koji prikazuje poruku na koju korisnik mora odgovoriti pritiskom na OK dugme ili Cancel dugme. Klikom na OK dugme funkcija vraća logičko true, a klikom na Cancel dugme funkcija vraća logičko false. Upotrebljavamo ga ovako:

if ( confirm("Da li želite poslati ove podatke?")) { alert ("Podaci su poslani!"); } else { alert ("Prekinuli ste slanje podataka!"); }

Unos podataka (Prompts)


Prozor za unos podataka sadrži tekstualni upit ili poruku, OK i Cancel dugme te jedan tekstualni okvir za unos podataka. Sama funkcija prompt() uzima dva argumenta. Prvi je argument poruka koja se prikazuje, a drugi je predefinirana vrijednost tekstualnog okvira. Koristimo ga ovako

RezultatUpisa = window.prompt("Vaše ime i prezime?",""); if (RezultatUpisa != null) { if (RezultatUpisa == "") { alert ("Niste odgovorili na pitanje!"); } else { alert ("Vaš odgovor je: " + RezultatUpisa); } }

Osim samog upita kojeg postavljamo poželjno je napisati još koji red koda koji će provjeriti da li je korisnik odgovorio na pitanje. Ako korisnik pritisne Cancel dugme ili zatvori prozor funkcija će vratiti null (praznu vrijednost). To nam je znak da korisnik nije odgovorio na pitanje. Ovi dijalog okviri se konstantno koriste u programiranju kao što ćete vidjeti kroz naredne članke.

KOMENTARI:

Samo registrirani korisnici mogu komentirati.