Сейчас я вас ознакомлю с использованием методов confirm() & prompt()..
Метод confirm в JavaScript
Команда confirm (подтвердить) действует очень похоже на alert, за исключением того,
что добавляет кнопку "Отмена" в диалоговое окно. И то, и другое - методы.
Одна команда сама по себе многого не дает. Нет никакой разницы,
что вы выбираете - "ОК" или "ОТМЕНА". Но стоит добавить функции IF (если) и ELSE (иначе), и готовы отличные эффекты.
Код:
<SCRIPT LANGUAGE="javascript">
confirm("Уверены, что хотите войти?")
</SCRIPT>
Знакомо? Пора бы уже. То же самое, что и alert, кроме слова confirm.
Вот основной пример того, что делает скрипт. Как видите, немного. Но вот вам та же команда с некоторыми добавлениями:
Код:
<SCRIPT LANGUAGE="javascript">
if (confirm("Вам туда надо?")) {
parent.location='отправляете юзверя на какой либо URL';
alert("Ну тогда идите");
}
else {
alert("Сиди тогда тут");
}
</SCRIPT>
У вас есть выбор
Во-первых, скрипт говорит:
if (confirm("Вам туда надо?") );
Это значит Если (Здесь ваш шанс сделать выбор)
В нашем случае сonfirm предлагает альтернативу: <OK> и <Отмена>. Можно сказать, Да и Нет.
Обратите внимание на скобки. После команды IF всегда идут скобки,
но, как известно, команды сonfirm тоже требует скобок.
Следовательно, берем две пары скобок, одна внутри другой.
Сразу же после этого идут команды, выполняемые при каждом варианте ответа. Обратите внимание на фигурные скобки{}.
Ведь в действительности это функции. Первая из них показывает, что должно произойти, если пользователь выберет ОК (или Да).
{parent.location='опять же посылаете куда либо юзверя';
alert("Ну тогда идите");}
parent.location означает обычную ссылку. Дальше идет обыкновенная команда alert.
PS. после каждой команды в хтмл документе, не забывайте ставить ;
А что если я выберу отмену?
Мы уже знаем, что если выбрать ОК, запускается функция IF (если). Отмена - другой выбор. Видите, сразу после фигурной скобки идет команда ELSE (иначе), как бы <если нет>. И тогда следующий текст...
else {
alert("Cиди тогда тут");
}
...означает: если нет, тогда вызвать окно и не менять страницу.
Все это вместе и дает пользователю возможность выбора: входить или не входить.
Вот и всё что представляет собой простой метод confirm...
Про alert писать не буду, потому что не представляю, что там может быть непонятного)
=====================
Использование метода prompt()
Метод prompt() несколько отличается от методов alert() и confirm()..
Он дает возможность пользователю вписать собственный ответ на вопрос,
вместо того чтобы просто выводить на экран информацию (как в методе alert()) или делать выбор между
кнопками OK и Cancel (как в методе confirm()).
Пример. Метод prompt() вводят в сценарий так же, как и методы "алерт" и "конфирм".
Сначала добавьте prompt() в блок SCRIPT:
Код:
<script language="JavaScript">prompt()</script>
С этого момента ввод метода prompt()начинает отличаться от ввода методов "алерт" и "конфирм" (в лом регистр переключать+)),
поскольку в круглые скобки требуется добавить две фразы.
Первая из них - сообщение, которое должно быть выведено на экран
Делается это так же, как и в методах "алерт" и "конфирм".
Текст в кавычках помещается внутри круглых скобок:
Код:
<script language="JavaScript">
prompt("Как вас зовут?")
</script>
Сохраните вашу страницу и просмотрите ее в браузере.
Обратите внимание на появившийся запрос об имени пользователя.
Вы можете ввести имя и щелкнуть по одной из кнопок выбора ОК или CANCEL.
Обратите внимание, появится слово undefined (не определено) в поле ввода.
Это особенность "осла". В браузере Netscape поле ввода остается пустым
В настоящий момент еще ничего происходит,
что бы вы ни делали, но к концу этого обзора вы сумеете заставить программу работать.
Следующая единица ввода - это текст по умолчанию,
который должен появиться в соответствующем поле.
Добавить его очень просто, а заодно это позволит избавиться от появления undefined в "ослике".
После первой фразы в круглых скобках поставьте запятую за пределами кавычек,
а после нее впишите вторую фразу (тоже в кавычках). Пишем "Введите здесь ваше имя" Это делается таким образом:
Код:
<script language="JavaScript">
prompt("Как вас зовут?", "Введите здесь ваше имя")
</script>
Сохраните вашу страницу и еще раз обновите вид в браузере.
Заметьте, что поле ввода больше не является пустым (Netscape), а содержит текст, указанный во второй паре кавычек
И в "осле" теперь на месте ввода пишет: "Введите ваше имя"
И при вводе какого либо имени (не обязательно имени+)) в окне браузера оно успешно отобразится)
Теперь вы уже знаете 2 немаловажных метода в JavaScript
: confirm() & prompt()..
Пишу я понемногу, т.к. тем кто только
начал изучать JavaScript, будет легче всё это переварить)
В следующий раз, я выложу основу синтаксиса JavaScript.. Ждите
