Кнопка возврата на предыдущую страницу | Скрипт для uCoz - Скрипты для uCoz | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Среда, 07.12.2016
Скрипты для uCoz » Кнопки для сайта uCoz » Кнопка возврата на предыдущую страницу | Скрипт для uCoz

Аудиоплеер для сайта uCozАудиоплеер с плейлистом для сайта
Видеоплеер для сайта uCozВидеоплеер с плейлистом для сайта
Меню для сайта uCozВертикальное меню для сайта uCoz
Выпадающее меню для сайта uCozГоризонтальное меню для сайта uCoz
Круглое меню для сайта uCozВид материалов для сайта uCoz
Вид материалов Аудио для uCozВид материалов Видео для uCoz
Галерея для сайта uCozГенераторы для сайта uCoz
Контейнер для контентаКнопки для сайта uCoz
Слайдер для сайта uCozСчётчик для сайта uCoz
Часы для сайта uCozТекстовые эффекты
Таблица цветов для сайта uCozЭффекты для сайта uCoz
Эффекты курсораЭффекты увеличения
Мини чат для сайта uCozРадио для сайта uCoz
Скрипты для юКозИгры для сайта uCoz
Окна для сайта uCozИнформеры для сайта uCoz
Флеш и анимации для сайтаКалендарь для сайта uCoz
Мониторинг серверов для ucozСлайдшоу для сайта uCoz



Адаптивный сайт - aTmpl



Кнопка возврата на предыдущую страницу | Скрипт для uCoz


Кнопка возвращает на предыдущую страницу




Пользователь будет отправлен на страницу котороую он посещал перед той страницей на которой установлен скрипт с кнопкой.Можно использовать на всех страницах,по желанию.Скопируйте код скрипта и установите там где хотите видеть.Можно изменить вид кнопки,для этого понадобится применить свойства CSS.Для примера создано 2 кода скрипта,без стилей для кнопки и со стилями.Вы можете сразу проверить скрипт,ниже находится форма проверки кода скрипта или целой страницы.Но Вы сможете увидеть только отличие обычной кнопки от изменённой,сама кнопка не будет работать.




Пример скрипта с обычной кнопкой


<form>
<input type="button" value="Вернуться на предыдущую страницу" onClick="history.back()">
</form>

Пример скрипта с изменённой кнопкой


<form>
<input type="button" style="background-color:#2040ff;padding:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;font-size:13px; font-family: Arial;color:white;font-weight:bold;" value="Вернуться на предыдущую страницу" onClick="history.back()">
</form>

Проверить скрипт на месте

Вставьте код скрипта в HTML редактор и нажмите для проверки.Вы увидите работу скрипта в действии.Из редактора нельзя вернутся назад,вы сможете посмотреть только разницу в оформлении самой кнопки.









Русские шрифты



Ссылка:
BB code:




  • ©
  • | Просмотров: 5269 | Добавил: IZOTOP | Рейтинг: 0.0/0
    | Теги: возврат на страницу, вернуться на предыдущую

    Всего комментариев: 5
    0   Спам
    5 alex   (06.12.2012 22:38)
    Аватар alex Спасибо за помощь и за совет.

    0   Спам
    1 alex   (03.12.2012 11:43)
    Аватар alex как сделать кнопку на главную чтобы была в одном стиле с кнопкой "Вернуться на предыдущую страницу". Менял history.back() на $HOME_PAGE_LINK$ потом на ссылку на сайт но не работает. Вид есть а на главную не переходит. Помогите пожалуйста.

    +1   Спам
    2 IZOTOP   (03.12.2012 19:30)
    Аватар IZOTOP Привет!
    Ты наверное это имел в виду?

    <form>
    <input type="button" style="background-color:#2040ff;padding:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;font-size:13px; font-family: Arial;color:white;font-weight:bold;" value="Вернуться на предыдущую страницу" onClick="window.open('http://delaisait.ucoz.ru/')">
    </form>

    Проверь в HTML редакторе.
    На своём сайте вставиш вместо ссылки условный оператор "Главной страницы"

    0   Спам
    3 alex   (03.12.2012 23:29)
    Аватар alex Спасибо за ответ. Практически то что хотел. Но главную оно открывает в новом окне и кнопка вернутся назад не срабатывает. Хотелось чтобы кнопка На главную не срабатывала как target="_blank", а делала внутренний переход.

    +1   Спам
    4 IZOTOP   (06.12.2012 11:39)
    Аватар IZOTOP Форму отправки можно настроить на любой "манер",вот попробуй вариант,будет открываться в родительском окне.

    <form action="http://delaisait.ucoz.ru/" target="_top">
    <input type="submit" style="background-color:#2040ff;padding:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;font-size:13px; font-family: Arial;color:white;font-weight:bold;" value="Вернуться на предыдущую страницу">
    </form>

    Советую посмотреть статьи о свойствах тегов:

    <form>

    <input>

    Оба тега поддерживают атрибут target,можно доверить метод открытия страницы любому из тегов.


    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]