Выводит сообщение в окне с текстовым полем и двумя кнопками: «ОК» и «ОТМЕНА».
Возвращает введенное значение или null, если посетитель нажал на кнопку «ОТМЕНА».
Как и в alert, окно — модальное, то есть посетитель не может делать ничего другого, пока не выберет одну из кнопок.
а как можно задать координаты окна prompt? В Firefox оно в центре окна,а в IE — в левом верхнем углу. Нельзя его оттуда перетащить?
Спасибо огромное;) нужна была обработка веденного ключа на правильное, неправильное значения и на отмену ввода до этого момента не знал как разделить последние два события..
объясните пожалуйста, как исправить размер модального окна в IE ? с методом prompt вот это окно в Опере
Уважаемый товарищ, у меня тот же вопрос. Если Вы уже знаете ответ, то прошу сообщить и мне. Спасибо.
Размеры и положение модальных окон регулируются браузерами самостоятельно. На них никак нельзя повлиять. Поэтому там, где требуется красивая форма ввода, не используют prompt, а получают значение из красиво нарисованной на HTML формы
В том примере не доработка. Скрипт расщитан на вывод alert(ом) данные введенные тогда. но если пользователь оставит поле пустым он выведет «Вам null лет», нужно исправить:
var years=prompt(‘Сколько вам лет?’,’100′); if (years == ») alert(‘Вам ‘+years+’ лет!’);
Лучше:
А вобще null и пустая строка — разные вещи, а значит здесь как проверку нужно использовать:
А вообще, лучше всунуть в цикл и проверить что вводится именно число:
Ну и идеальный вариант — объёдинить проверку на null и на NaN
years = parseInt(years, 10); // округляем => если не число, то NaN упс, глюкануло: parseInt — выделение числ. части, конечно.
Как избавиться от самопроизвольного повторного выскакивания промптовского окна после получения результата?
Попроще, чтоб два раза не выскакивало, я сразу в окно поместил ответы, вот мой пример:
Параметр value использовать все же рекомендуется, т.к. в ИЕ по умолчанию в поле написано undefinded, но мы ведь этого не хотим, верно? поэтому так корректнее: promt(«Введите что нибудь»,»»)
Собрал в работающий пример всё прозвучавшее в комментариях, добавил замену запятой на точку, проверку на допустимость значения и выбор «год-года-лет»:
Вот вы реально идиоты )) Отлично позамарачивались! ))
Возможно ли и каким обазом ,задав значение переменной можно задать ею значение атрибута тега?
(например тега P.S. сея прога не работает, как ее можно исправить?
Возможно ли и каким обазом ,задав значение переменной можно задать ею значение атрибута тега?
x1=prompt(«. «); y1=prompt(«. «);
Последние комментарии
This article is nice. I like it. Thank. 16 часов 24 минуты назад
Thank you for such a well written. 17 часов 56 минут назад
If you set out to make me think today;. 17 часов 56 минут назад
I really enjoyed reading this post, big. 1 день 4 часа назад
Superbly written article, if only all. 1 день 4 часа назад
this is really nice to read. 1 день 4 часа назад
i read a lot of stuff and i found that. 1 день 4 часа назад
Waow this is quite pleasant article, my. 1 день 20 часов назад
Intriguing post. I Have Been pondering. 1 день 20 часов назад
Most of the time I don’t make comments. 1 день 20 часов назад
Последние темы на форуме
Но если мы, к примеру, хотим запустить видео автоматически и без звука, фрейм будет таким: Как вы могли заметить к ссылке были добавлены необязательные параметры ?autoplay=0&mute=1 их мы и передаем в setting при использовании скрипта:
Блог Vaden Pro
Операции alert, prompt и confirm. Взаимодействие с пользователем в Javascript
В JavaScript существует три базовых операции, которые позволяют получать данные от пользователя, для дальнейшей их обработки в скриптах. Это alert, prompt и confirm. Для чего они применяются, как их использовать и прочие нюансы и будут рассмотрены далее в этой статье.
alert
Применяется для вывода на экран браузера модального окна (это означает, что пользователь ничего не может нажать на странице, пока не закроет это окно. В рассматриваемом примере, до тех пор, пока не кликнет «ОК» в окне).
После вывода сообщения, содержащегося в alert, выполнение скрипта приостанавливается и возобновляется после закрытия модального окна.
Для примера запустите следующий скрипт из одной строки:
Обычно используется для вывода на экран пользователя оповещений о чем-либо (к примеру о неверно заполненных полях формы) или же для отладки кода, чтобы выяснить на каком месте кода начинается некорректное выполнение скрипта.
prompt
Второй по распространенности после операции alert является prompt. Данная команда предоставляет пользователю больше возможностей для взаимодействия с модальным окном, делая доступными для нажатия две кнопки (OK и CANCEL) и поле для ввода информации.
Для того, чтобы продолжить работу с сайтом, юзеру необходимо или закрыть данное окно, кликнув на CANCEL (нажатие EST на клавиатуре также сработает) или ввести информацию в поле для ввода и нажать ОК.
В случае отмены ввода текста в поле (нажатие CANCEL) в скрипт будет возвращено специальное значение null. Подробнее о котором можно почитать тут.
В случае заполнения поля и нажатия ОК, в скрипт вернется информация, которую ввел пользователь.
Синтаксис данной команды несколько сложнее, чем предыдущей, поскольку позволяет задать текст обращения к пользователю и содежимое поля для ввода информации, которое будет выводиться по умолчанию: result = prompt ( title , default ) ; , где
title – сообщение, которое будет выведено пользователю в модальном окне. Аргумент обязательный для заполнения.
default – то, что выведется в поле для ввода текста по умолчанию. Также обязателен для заполнения, поскольку если его не задать, то это может привести к ошибкам в некоторых браузерах. Если же вы хотите оставить поле ввода информации пустым, то просто задайте prompt следующим образом:
Маленький пример использования prompt:
Обычно данная команда используется для сбора данных у пользователей, которые необходимы скрипту для продолжения дальнейшей работы.
confirm
Также представляет собой модальное окно. Как не сложно догадаться из названия используется обычно для согласования чего-либо с пользователем.
Для того и заточена – для взаимодействия предоставляет пользователю кнопки OK и CANCEL, которые возвращают скрипту булевы значения true и false соответственно.
По синтаксису не отличается от alert.
Мы не можем влиять на оформление модального окна, выводящего эти команды.Это с одной стороны не позволяет адаптировать вывод сообщений под дизайн сайта, с другой стороны делает эти команды невероятно простыми, благодаря чему они и заслужили такую популярность среди веб-разработчиков.
Способов получить информацию от пользователей проще, чем искользование команд alert, prompt, confirm просто не существует.
Примеры prompt, alert и confirm в JS
У браузеров есть замечательная опция — возможность взаимодействия с пользователем, через диалоговые (модальные) окна на JS. Достигается это с помощью встроенных в браузер функций: alert, prompt и confirm, каждую из которых, мы сегодня и рассмотрим.
Функция alert в JS
Функция alert запускает в браузере окно с текстом и кнопкой для подтверждения. Пока окно висит в браузере, выполнение скриптов приостанавливается, до тех пор, пока пользователь не подтвердит, нажав на кнопку ‘OK’, что ознакомился с выведенной в окне информацией.
alert(«Мы больше не работаем в выходные!»);
В передаваемых параметрах, строку можно склеивать с переменными. Вместо ‘x’, подставится значение переменной, а оператор (+) склеит строки с переменной.
let x = 9; alert(«Вы получите свой товар в » + x + » часов»);
Функция prompt в JS
Функция prompt — самая крутая среди трёх рассматриваемых. Она позволяет запрашивать у посетителя данные и оперировать ими.
Prompt показывает окно с полем для ввода запрашиваемых данных от пользователя и две кнопками (‘OK’ и ‘Отмена’). Если пользователь введет имя и нажмет ‘OK’, то введенное им имя присвоится переменной name. Тогда появится следующее окно, где мы приветствуем пользователя, обратившись к нему по имени. Возможен и другой вариант развития событий, если была нажата кнопка ‘Отмена’, то скрипт вернет null.
Функция prompt может принимать два параметра, вторым параметром устанавливается дефолтное значение в поле окна.
let age = prompt(‘Подтвердите, что вы совершеннолетний! Укажите ваш возраст!’, 18); alert(«Вам есть «+ age + » заходите!»);
Цифра 18 автоматически выводится в поле ввода, которую можно изменить или оставить как есть.
Загадайте пользователю загадку и используя конструкцию if-else, сообщите ему правильно ли он ответил.
Зададим условие: Если в переменную попадет слово ножницы, то выполнится инструкция 1 и пользователь увидит окно «Ответ верный!»
Если пользователь введет какое-то другое слово, то программа перейдет к блоку else и выполнится инструкция 2. Выведется сообщение — «Ответ неверный!»
Функция confirm в JS
Функция confirm запускает окно с текстом и кнопками: ‘OK’ и ‘Отмена’.
let sendMail = confirm(«Ты отправил письмо?»); alert( sendMail );
В случае нажатия ‘OK’, возвращает в alert окне true, в случае отмены — false.
Заключение
Все эти три функции взаимодействуют с пользователем. Функция alert не оставляет пользователю выбора, ему показывается только одна кнопка и ожидается клик по ней. Функция confirm предоставляет пользователю выбор между двумя кнопками. Функция prompt просит ввести данные и возвращает эти данные, если нажата кнопка ‘OK’. А в случае отмены, возвращает null.
Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!
Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov. Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.
Если Вы не хотите пропустить новые материалы на сайте, то Вы можете подписаться на обновления: Подписаться на обновления
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.
Порекомендуйте эту статью друзьям:
Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):
Она выглядит вот так:
BB-код ссылки для форумов (например, можете поставить её в подписи):
Комментарии ( 0 ):
Для добавления комментариев надо войти в систему. Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.
На этом уроке мы познакомимся с методами объекта window : alert() , prompt() и confirm() .
Метод alert()
Метод alert() предназначен для вывода на экран пользователя предупреждающего диалогового окна с указанным сообщением и кнопкой «ОК». Оно может использоваться для того чтобы донести до пользователя важную информацию.
Метод alert() имеет один обязательный параметр — это текст сообщения, которое отображается в диалоговом окне. Данный метод в результате своего выполнения ни чего не возвращает.
Метод confirm()
Данный метод имеет один параметр — это текст сообщения, которое будет выведено в диалоговое окно.
Метод confirm() в качестве результата ( resultConfirm ) своего выполнения возвращает одно из двух значений:
true , если пользователь нажал «ОК»;
false , если пользователь нажал «Отмена» или закрыл его.
Например, выведем в элемент р с результат нажатия пользователем на кнопку «ОК» в диалоговом окне:
Метод prompt()
Метод prompt() предназначен для вывода на экран пользователя диалогового окна с сообщением, текстовым полем для ввода данных и кнопками «ОК» и «Отмена». Оно предназначено для того, чтобы запросить данные у пользователя.
Данный метод имеет два параметра:
сообщение, которое будет выведено в диалоговом окне. Данный параметр является обязательным и содержит сообщение, в котором «говорится», какие данные должен ввести пользователь в текстовое поле;
второй параметр является необязательным и может использоваться для указания начального значения, которое будет выведено в поле ввода диалогового окна при открытии.
В зависимости от действий пользователя метод prompt() может возвращать следующие данные:
текстовое значение — если в поле ввода содержатся данные и пользователь нажал «ОК»;
пустая строка — если в поле ввода не содержатся данные и пользователь нажал «ОК»;
null — если пользователь нажал «Отмена» или закрыл это окно, при этом не важно какие данные были введены в текстовое поле.
Примечание: диалоговое окно, которое появляется в результате выполнения одного из методов alert() , confirm() или prompt() является модальным, т.е. оно блокирует доступ пользователя к родительскому приложению (браузеру) до тех пор, пока пользователь не закроет это диалоговое окно.
Например, запросим у пользователя имя и выведем в зависимости от результата текст в элемент c :
