Предупредить сообщение и перенаправить (или нет) - PullRequest
Новая
       11

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

2 голосов
/ 30 мая 2011

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

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

с этим кодом я буду перенаправлять на нашу страницу 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>

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

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

Ответы [ 3 ]

8 голосов
/ 30 мая 2011

Самый простой способ - использовать window.confirm(). Это похоже на alert (), но имеет 2 кнопки: OK и 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).

6 голосов
/ 30 мая 2011

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

5 голосов
/ 30 мая 2011

Использование 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/

...