12 января 2014
5253
диалоговое окно, javascript

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

JavaScript
Демонстрация » Скачать »

Решил затронуть одну легкую тему на JavaScript, связанную с диалоговым окном, которое имеет следующие кнопки, OK - при этом происходит какое-либо событие при нажатии, в нашем случае, перенаправление по ссылке и "Отмена", при нажатии этой кнопки, выводится диалоговое окно, с выводом какой-либо информации. Имеется похожий урок на эту тему модальное окно подтверждения JavaScript, но только там идет не перенаправление, а выбор последующего действия.

 

ШАГ ПЕРВЫЙ. JavaScript.

 

Создадим функцию toLink с пустыми параметрами и в ней реализуем следующее условие, с методом confirm в сообщении "Хотите вернуться на главную страницу?", если пользователь нажимает кнопку "ОК", то условие считается успешным и идет перенаправление на главную страницу сайта, если пользователь нажимает кнопку "Отмена", то выводится другое диалоговое окно через метод alert с сообщением - "Вы нажали "Отмена"!".

<script type="text/javascript">
function toLink(){
if (confirm('Хотите вернуться на главную страницу?'))
  {
    window.location.href="http://roothelp.ru/"
  }
  else
  {
    alert('Вы нажали "Отмена"!');
  }
 return false;
}
</script>

 

ШАГ ВТОРОЙ. HTML.

 

Выводим тег a - "Нажми на меня!", с пустой ссылкой href и прописываем событие функции toLink.

 

<a href='' onclick='return toLink()'>Нажми на меня!</a>

 

 

Спасибо за внимание, удачи в реализации!