Добавляем...


Окно запроса метод prompt()
JavaScript также поддерживает метод prompt() объекта window. Окно запроса — это небольшое окно, предлагающее пользователю ввести короткую строку данных. Метод prompt() имеет два аргумента. Первый является строкой, которая отображается в запросе, а второй — значением, принятым по умолчанию для размещения в строке окна запроса. Метод возвращает строковое значение, соответствующее тому, что ввел пользователь в поле ввода окна запроса. Синтаксис метода выглядит так:

результат = window.promt(cmpoкa-зanpoca, значение-по-умолчанию);

Вместо window.prompt() практически всегда используется сокращенная форма prompt(), а программисты иногда передают методу только один параметр.

result = prompt("Какой цвет вам нравится больше всего?");

Однако в большинстве браузеров в строке ввода при этом размещается значение undefined. Чтобы этого не допустить, в качестве второго параметра следует указать пустую строку.

result = prompt("Какой цвет вам нравится больше всего?","");

При использовании метода prompt() важно понимать, что именно возвращает этот метод. Если пользователь в диалоговом окне щелкает на кнопке Отмена или на кнопке закрытия окна, возвращается значение undefined (желательно всегда проверять возвращенные данные на это значение). Иначе возвращается значение строки, указанной в поле ввода. Программист должен позаботиться о переводе полученного значения в значение подходящего типа с помощью parseInt() или другого аналогичного метода, если это значение должно быть, например, числовым, а не строковым. Следующий пример демонстрирует возможности использования метода prompt().

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JavaScript-rypy 1.0</title>
<meta http-equiv="content-type" content="text/html; " />
<script type="text/javascript">
<!--
function askGuru()
{
var question = prompt("Что ты хочешь спросить, о искатель знаний?","")
if (question != null)
{
if (question == "")
alert("Можно было бы, по крайней мере, задать вопрос.");
else
alert("Я не буду тратить свое драгоценное время на глупые вопросы!");
}
}
//-->
</script>
</head>
<body>
<div align="center">
<h1>JavaScript-rypy 1.0</h1>
<hr /> <br />
<form action="#" method="get">
<input type="button" value="Cnpoсите гуру" onclick="askGuru();" />
</form>
</div>
</body>
</html>

Формат этих трех диалоговых окон оставляет желать лучшего. Возможно, лучше использовать собственные варианты диалоговых окон, но для этого мы должны научиться создавать их.


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика