Okienka dialogowe

Przy pomocy JavaScript możemy w przeglądarce wyświetlić trzy rodzaje okienek dialogowych:

Ostrzeżenie - okno wyświetlające dowolny tekst z jednym klawiszem OK zamykającym to okno.

alert("tekst wyświetlany");

---

Potwierdzenie - okno wyświetlające dowolny tekst z dwoma klawiszami OK i ANULUJ.

confirm("tekst wyświetlany");

Metoda ta zwraca wartość true, jeżeli użytkownik naciśnie klawisz OK lub false w przypadku klawisza ANULUJ. Tak więc możemy podjąć różne działania, w zależności od tego jaki klawisz został naciśnięty.
Zanim przejdziemy do analizowania następnego przykładu, chciałbym żebyśmy się zapoznali z krótkim tekstem na temat instrukcji warunkowej if...else. A więc kliknij teraz tutaj, a po przeczytaniu tego tekstu, wróć do kursu naciskając klawisz "Wstecz".

Przykład:

if(confirm("tekst"))
{
 /*...
 ciąg instrukcji wykonywanych w przypadku
 naciśnięcia klawisza OK
 ...*/
}
else
{
 /* ciąg instrukcji wykonywanych w przypadku
  naciśnięcia klawisza ANULUJ */
}

---

Zapytanie - okno, które wyświetla tekst zapytania, dwa klawisze OK i ANULUJ, ponadto daje użytkownikowi możliwość wpisania odpowiedzi.

prompt("tekst zapytania","tekst domyślny");

Jeżeli użytkownik naciśnie klawisz OK, to metoda ta zwraca wartość, którą jest wpisany tekst.
Jeżeli użytkownik naciśnie klawisz ANULUJ, to wartością zwrotną jest null.
Tekst wpisany przez użytkownika możemy przypisać jakiejś zmiennej i wykorzystać to w dalszej części dokumentu np.:

var zmienna=prompt("Jak masz na imię?","");

if(zmienna!=null)
 /* Jeżeli użytkownik nie nacisnął klawisza ANULUJ to */

 if(confirm("Czy chcesz zobaczyć jeszcze jedno okienko?"))
  /* Jeżeli użytkownik nacisnął klawisz OK to */
  alert("Cześć "+ zmienna);

Powyższy kod powoduje wyświetlenie wszystkich trzech rodzajów okienek. Jeśli chcesz zobaczyć efekt jego działania to kliknij tutaj.