Okna dialogowe w JavaScript
W JavaScript mamy do wyboru trzy rodzaje okienek dialogowych, wyzwalanych przez metody alert(), confirm() i prompt().
Korzystanie z okien dialogowych jest wygodne dla programisty, ale nie jest nazbyt lubiane przez internautów, szczególnie wówczas, gdy użytkownik naszej strony ma z nimi często do czynienia. Projektując program w JavaScript warto sie zastanowić, czy nie można zastosować alternatywnego rozwiązania dla okienek dialogowych. Lepiej więc stosować znaki graficzne, kolorowe czcionki w ostrzeganiu użytkownika naszej strony przed na przykład błędnie wprowadzonymi danymi.
Czasem jednak okna dialogowe sa nieocenione.
alert();
Metoda alert('komunikat') wyświetla okienko z treścią komunikatu i przycisk OK. Po kliknięciu na przycisk nie zostaje zwrócona żadna wartość. Okno to informuje użytkownika o różnych zdarzeniach.
Przykład 1 - alert()
<script> alert("Witaj na mojej stronie!"); </script>

confirm();
Metoda confirm('komunikat') wyświetla okienko z treścią komunikatu i przyciski OK oraz Anuluj (Cancel). Metoda zwraca wartość true, jeżeli użytkownik wcisnął przycisk OK, natomiast wartość false, jeżeli został wciśnięty klawisz Anuluj. Okno służy więc do potwierdzania przez użytkownika pewnych treści.
Przykład 2 - confirm();
<script> if (confirm('Czy jesteś pewien, że chcesz uruchomić program?')) {
alert('Program będzie uruchomiony');
} else {
alert('Szkoda!');
} </script>

prompt();
Metoda promt('komunikat','wartość domyślna') wyświetla okienko z treścią komunikatu, pole edycyjne do wpisania tekstu i przyciski OK oraz Anuluj (Cancel). Jeżeli użytkownik kliknie przycisk OK, to zostanie zwrócona wartość z pola tekstowego okienka. Jeżeli użytkownik kliknie przycisk Anuluj, to zostanie zwrócona wartość null.
Dzięki temu okienku można nawiązać komunikację z użytkownikiem i przekazać do programu dowolny tekst użytkownika.
Przykład 3 - prompt();
<script> var imie = prompt("Podaj swoje imię:", "Krzyś"); if (imie != null) { alert("Cześć " + imie + "! Jak się masz?"); } else { alert("Szkoda, że nie podałeś swego imienia!"); } </script>

© medianauka.pl, 2016-12-24, ART-3348
Inne zagadnienia z tej lekcji

instrukcje warunkowe w JavaScript. JavaScript udostępnia kilka instrukcji warunkowych, czyli takich, które w zależności od wartości wyrażenia sterują przebiegiem programu.

Pętle for, while, do ... while w JavaScript. Pętle to specjalny fragment kodu, który odpowiada za powtarzanie poleceń zawartych wewnątrz pętli taką ilość razy, jaka w pętli zostanie zdefiniowana poprzez odpowiednie warunki.

Funkcje w JavaScript - jak stosować, co to jest funkcja anonimowa? Funkcje to w JavaScript bardzo wygodny sposób na wielokrotne wykorzystanie tego samego kodu i to w sposób sparametryzowany.

Tablice w JavaScript - opis stosowania tablic i ich metod. Tablice w JavaScript, to specjalny typ danych, który pozwala w jednej zmiennej przechowywać wiele wartości.

Opis obiektu Math w JavaScript. Dzięki niemu możemy w JavaScript odwoływać się do stałych matematycznych i dokonywać obliczeń. Wykaz metod, które służą do obliczania wartości funkcji matematycznych.

liczby losowe w JavaScript - opis metody random(). Za generowanie liczb losowych odpowiada metoda Random obiektu Math. Metoda ta generuje losowo liczbę z zakresu od 0 (włącznie) do 1 (bez jedynki).

Opis obiektu String w JavaScript. Dzięki temu obiektowi możemy w JavaScript przechowywać i przetwarzać wszelkie teksty. Znaki w tekście są indeksowane od liczby 0.

Wyrażenia regularne w JavaScript. Wyrażenie regularne to szablon tekstowy, wzorzec, który opisuje pewien zestaw znaków. Artykuł zawiera wykaz metaznaków wraz z przykładami ich stosowania.

Obsługa dat i czasu w JavaScript. W JavaScript mamy do dyspozycji obiekt date(), który daje nam możliwość dostępu do dat i manipulowania datami oraz czasem.