Задавайте вопросы

Задавайте вопросы и получайте ответы от нашего сообщества

Отвечайте

Отвечайте на вопросы и станьте экспертом по своей теме

Свяжитесь с администрацией

Наши специалисты готовы ответить на ваши вопросы

jQuery Скрипт выбора цвета фона на jQuery

Информация о теме

О теме Здравствуйте, вы читаете тему Скрипт выбора цвета фона на jQuery созданную в в разделе JavaScript пользователем impuLse #IT. Эта тема была просмотрена 774 раз(а), получила 0 комментариев и 0 очки реакции...
Название категории JavaScript
Название темы Скрипт выбора цвета фона на jQuery
Автор темы impuLse #IT
Дата начала
Ответы
Просмотры
Количество реакций
Последнее сообщение impuLse #IT

impuLse #IT

Администратор
Команда форума
Регистрация
12.03.2015
Сообщения
899
Реакции
446
Баллы
35
Лучшие ответы
0
  • Автор темы
  • Администратор
  • #1
В данной теме мы решили устранить этот недостаток путем сохранения выбранного пользователем цвета фона в cookies! Теперь, при переходе на другую страничку сайта, либо при повторном заходе на сайт через некоторое время у Ваших пользователей будет всегда тот фон, который они выбрали сами.

Для работы с cookies мы будем использовать библиотеку jQuery и плагин jquery.cookie.js. Скачать данный плагин Вы можете по ссылке
Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!


Для подключения библиотеки jQuery, добавьте на свой сайт следующий JavaScript код:
Код:
Пожалуйста, Вход или Регистрация для просмотра содержания кодов!
Далее, для работы с cookies, необходимо подключить плагин jquery.cookie.js. Делается это так:
Код:
Пожалуйста, Вход или Регистрация для просмотра содержания кодов!
Если файл jquery.cookie.js располагается не в корневой папке сайта, то следует перед его именем указать путь к месторасположению файла!

После того, как библиотека jQuery и плагин jquery.cookie.js подключены, необходимо добавить скрипт, который будет менять цвет фона на выбранный и сохранять его в cookies:
Код:
Пожалуйста, Вход или Регистрация для просмотра содержания кодов!
В данном коде присутствует переменная expires, которая отвечает за "срок жизни" устанавливаемых скриптом cookies. Срок исчисляется в днях.

Теперь осталось лишь разместить форму для выбора цвета фона:
HTML:
Пожалуйста, Вход или Регистрация для просмотра содержания кодов!
Напоследок хотелось бы предупредить, что если в качестве фона на Вашем сайте используется изображение (background-image), то данный скрипт работать не будет. Точнее работать то он будет, вот только результатов его работы видно не будет, т.к. цвет фона будет меняться под фоновым изображением. Именно поэтому, для демонстрации работы скрипта мы убрали фоновое изображение с данной странички.
 
Верх Низ