Предупредить сообщение и перенаправить (или нет)

Question

Допустим, я делаю сайт фестиваля, и если вы войдете сегодня, вы увидите выпуск 2010 года, потому что выпуск 2011 года еще не закончен,

И я хочу, чтобы мои пользователи знали, что они просматривают старый веб-сайт и будут перенаправлены на страницу Facebook (пока новый веб-сайт не будет готов),

с этим кодом я бы перенаправил на нашу страницу в фейсбуке

<SCRIPT LANGUAGE='JavaScript'>
    window.alert('This is the old edition of our webiste. The new one will be avaliable soon. You would be redirected')
    window.location.href='http://facebook.com/ourfacebookpage';
    </SCRIPT>

Но как я могу сделать так, чтобы пользователь оставался? (например, кнопка "отменить / остаться здесь"), чтобы пользователь мог видеть старый сайт (но он знает, что это старый сайт)

Большое спасибо за любую идею!

Answer 1

Самый простой способ - это использовать window.confirm(), Это похоже на alert(), но имеет 2 кнопки: OK и Cancel. Он возвращает true, если пользователь нажал OK, и возвращает false, если пользователь нажал Cancel.

<script>
    if (window.confirm('This is the old edition of our webiste. The new one will be avaliable soon. You would be redirected')) {
        window.location.href='http://facebook.com/ourfacebookpage';
    }
</script>

Но наличие всплывающего окна подтверждения при загрузке страницы может удивить пользователей. Вы можете сделать это более тонким, разместив сообщение на своей странице (со ссылкой на свою страницу facebook) вместо того, чтобы открывать окно предупреждения / подтверждения, и иметь другую ссылку, которая удаляет это сообщение со страницы (возможно, с использованием JavaScript).

Answer 2

Используйте window.confirm вместо window.alert

Answer 3

Использование confirm,

  if (confirm('This is the old edition of our webiste. The new one will be avaliable soon. You would be redirected')){
    window.location.href='http://facebook.com/ourfacebookpage';
    }

Пример: http://jsfiddle.net/niklasvh/hERqw/