«
»

Диалоговые окна в JavaScript

2010-04-27

В JavaScript есть 3 типа диалоговых окон.

1. Сообщение:

alert("My message");

Просто отображает сообщение пользователю.
Пример:

2. Запрос подтверждения:

confirm("Are you sure?");

Отображает наше сообщение и 2 кнопки: «Ок» и «Отмена». Возвращает логическое значение true/flase.
Пример:

3. Ввод текста:

prompt("Please, enter the text:");

Отображает указанное сообщение и поле для ввода текста. Возвращает строку, которая была указана или NULL в противном случае.
Пример:

Комплексный пример:


if(confirm("Хотите указать свой текст?")) {
var s = prompt("Укажите свой текст:");
alert("Вы указали такой текст: "+s);
} else {
alert("Вы отказались указывать свой текст");
}

Пример:



3 комментария на «Диалоговые окна в JavaScript»

  1. Anonymous:
    2012-09-22 в 19:56

    Подскажите пожалуйста! Как сделать так, чтобы например нажимаешь на сайте на кнопочку и вылазило окошко типо по этому скрипту alert(«My message»); ???

  2. admin:
    2012-09-24 в 08:36

    Самый простой, но не очень верный с точки зрения оргаризации кода, способ — добавить это прямо в элемент:
    пример:
    <button onclick="alert('My message');">My button</button>​​​​​​​​​​​

    Более правильно инициализиоровать события непосредосвенно в javascript-коде.
    К примеру, как это сделать с помощью JQuery можно почитать тут: http://api.jquery.com/click/

  3. Olga:
    2015-06-28 в 09:39

    я нажала галочку prevent this page from creating additional dialogs. теперь они не высвечиваются на моем сайте, а все значения null. как это отменить?

Добавить комментарий