Главная
Web-дизайн
Кнопка возврата назад

Кнопка возврата назад

Кнопка возвращения назад

Доброго времени суток. 🙂

Хочу показать такую простенькую штуку, как кнопка возвращения назад. Довольно таки нужная штука в определенных случаях. Например у Вас есть страницы, куда попадает пользователь, по каким-то причинам. Рекламная страница или страница благодарности за что-то. Возможно даже такая кнопка стоит после статьи, и пользователь может вернутся обратно, после прочтения. В общем применений может быть масса. Многие скажут, что посетителю проще нажать кнопку "Назад" на своем браузере, но все же для некоторых именно такой способ будет более подходящим.

Осуществить такую кнопку можно двумя способами. Которые по сути одинаковые, просто используют разные html-элементы. Пример таких кнопок, можете посмотреть ниже:



Пример

Первая кнопка использует элемент input type="button" - это обычная кнопка. Можете настроить ее стилями присвоив класс и превратите в соответствующий элемент Вашего сайта, подходящий по стилю. далее задаем ему событие onclick в котором маленький скрипт - history.back();, который укажет браузеру посетителя, вернутся на один шаг назад, то есть на предыдущую ссылку, от куда был совершен переход. Готовый код выглядит следующим образом:

<input type="button" onclick="history.back();" value="Назад"/>

Вторая кнопка сделана с помощью обычной ссылки, которой зададим путь - href="#" . Ссылке тоже задаем событие onclick и тот же самый скрипт, но с небольшим дополнениемhistory.back();return false;.Как видите, добавили - return false. Данный код означает, что перехода к href="#" не будет. Готовый код будет таким:

<a href="#" onclick="history.back();return false;">Назад</a>

Вот такие два простых способа, по сути один, с разными элементами. Теперь Вы сможете организовать у себя на сайте кнопку, которая будет возвращать посетителя назад.

На этом все, спасибо за внимание. 🙂




Если Вам был полезным мой труд, можете поддержать сайт :)


Оцените статью
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 4, в среднем: 5 из 5

Опубликовано 3 комментария

  • Олег
    Комментариев: 2

    Дорогой друг, скажи как не отображать Назад если посетитель только вошел на сайт и не переходил ещё пос страницам, либо он уже вернулся до конца, и возвращаться ему больше некуда?

    • Виталий
      Комментариев: 459

      Если честно, то мне такие решения не попадались.

      • Олег
        Комментариев: 2

        Такую проверку делать просто необходимо, т.к. на последнем шаге назад сайт просто закрывается, а это недопустимо. Я сделал проверку через сессию, и сделал стрелку вперёд заодно. Если кому-то нужно такое решение, пишите osn555@yandex.ru

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

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

Уважаемые пользователи! При добавлении комментариев на сайт Вам следует соблюдать правила указанные под формой отправки комментариев.

Соблюдайте добавления комментариев

Это не спам *

Нажмите, чтобы добавить код в комментарий
X

Привет дорогой друг

У тебя установлено расширение AdBlock или подобное. Добавь мой сайт в белый список, и тем самым внесешь свой вклад в его развитие. Инструкция как отключить AdBlock Хочу такое же окошко