Редирект на JavaScript с подтверждением

Далее представлен простой пример реализации функции, которая перед перенаправлением по клику на гиперссылку будет опрашивать пользователя, действительно ли он хочет перейти на такую-то веб-страницу.

/**
 * Функция выполняет редирект на указанный url 
 * с выводом окошка подтверждения перехода.
 * Пример использования:
 * <a href="javascript:confirm_redirect('http://www.yandex.ru')">
 * Перейти на yandex.ru</a>
 * 
 * @param {string} url
 * @returns {undefined}
 */
function confirm_redirect(url) {
    // Сообщение для пользователей:
    var message = 'Вы действительно хотите продолжить?'
    if (confirm(message)) {
        location.href = url;
    }
}

А вот, как это будет выглядеть все это в полностью рабочем варианте, если разбавить все HTML и поместить на веб-страничку:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Редирект на JavaScript с подтверждением</title>
        <script type="text/javascript">
            function confirm_redirect(url) {
                // Сообщение для пользователей:
                var message = 'Вы действительно хотите продолжить?'
                if (confirm(message)) {
                    location.href = url;
                }
            }
        </script>
    </head>
    <body>
        <!-- Пример использования: -->
        <a href="javascript:confirm_redirect('http://www.yandex.ru')">
            Перейти на yandex.ru</a>
    </script>
</body>
</html>
Скачать рабочий пример
Опубликовано 2-09-2013 в 12:55


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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Свежие комментарии

  • Иван: к записи Привет всем, доброго времени суток! Я излазил весь »
  • Александер: к записи Потом пригляделся, вроде Вы не это имели в виду и »
  • Александер: к записи У Вас не русифицируется, потому что не везде включ »
  • Администратор: к записи Это надо использовать функции вашей CMS. »
  • Alex: к записи Ребят, а подскажите пожалуйста, как реализовать с »
  • Владимир: к записи А как теперь будет выглядеть ссылка для перехода н »
  • Администратор: к записи Не знаю. »

Статистика спама

Последние твиты