• Инструменты для разработчика

    • Самые удобные инструменты для разработчика, которые облегчат жизнь любого как начинающего так и продвинутого разработчика. Украшатели, уменьшители, конвертеры кодов. Доменные инструменты. Всё в одном комплекте.
  • Использование BB кодов. Тут указаны существующие BB коды на форуме.

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

impuLse #IT

Администратор
Команда форума
Регистрация
12.03.2015
Сообщения
915
Репутация
449
Баллы
104
Награды
2
Адрес
mySQL
Лучшие ответы
0
  • Супер постер
  • Постер
В данной теме мы решили устранить этот недостаток путем сохранения выбранного пользователем цвета фона в 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), то данный скрипт работать не будет. Точнее работать то он будет, вот только результатов его работы видно не будет, т.к. цвет фона будет меняться под фоновым изображением. Именно поэтому, для демонстрации работы скрипта мы убрали фоновое изображение с данной странички.
 
Сверху Снизу