Скрипт вибору кольору фону на jQuery

Таким чином, у цій темі ми вирішили усунути цей недолік шляхом збереження вибраного користувачем кольору фону в cookies! Тепер, при переході на іншу сторінку сайту, або при повторному заході на сайт через деякий час у Ваших користувачів завжди буде той фон, який вони обрали самі.

Ось готовий приклад роботи пропонованого нами скрипту:

Для роботи з cookies ми будемо використовувати бібліотеку jQuery та плагінjquery.cookie.js. Завантажити цей плагін Ви можете за посиланням -jquery.cookie.js.rar(розмір - 1,5 Кб).

Далі, для роботи з cookies, необхідно підключити плагінjquery.cookie.js. Робиться це так:

Якщо файлjquery.cookie.jsрозташовується не в кореневій папці сайту, слід перед його ім'ям вказати шлях до розташування файлу!

Після того, як бібліотека jQuery та плагін jquery.cookie.js підключені, необхідно додати скрипт, який змінюватиме колір фону на вибраний і зберігатиме його в cookies:

$(document). ready (function() < if ( typeof $. cookie ( "bg_color" )!== "undefined" ) < var form_id = document . getElementById ( "bg_form" ); var form_value <$.cookie ("bg_color"); form_id. value = form_value; $("body"). >

$("#bg_form"). change (function() < $( "body" ). css ( "background-color" ,$( "#bg_form :selected" ). val ()); $. cookie ( "bg_color" ,$( "#bg_form :selected" ). val (), < expires : 1 >); >); >);

У цьому коді є зміннаexpires, яка відповідає за "термін життя" встановлюваних скриптом cookies. Термін обчислюється днями.

Тепер залишилося лише розмістити форму для вибору кольору тла:

Насамкінецьхотілося б попередити, що якщо як тло на Вашому сайті використовується зображення (background-image), то цей скрипт працювати не буде. Точніше працювати то він буде, тільки результатів його роботи видно не буде, т.к. колір фону змінюватиметься під фоновим зображенням. Саме тому для демонстрації роботи скрипта ми прибрали фонове зображення з цієї сторінки.

---