jQuery скрипт за цветен фон

Затова в тази тема решихме да премахнем този недостатък, като съхраним избрания от потребителя фонов цвят в бисквитките! Сега, когато отидете на друга страница от сайта или когато влезете отново в сайта след известно време, вашите потребители винаги ще имат фона, който сами са избрали.

Ето готов пример за работата на предлагания от нас скрипт:

За да работим с бисквитки, ще използваме библиотеката jQuery и плъгинаjquery.cookie.js. Можете да изтеглите този плъгин от връзката -jquery.cookie.js.rar(размер - 1.5 Kb).

Освен това, за да работите с бисквитки, трябва да свържете плъгинаjquery.cookie.js. Прави се така:

Ако файлътjquery.cookie.jsне се намира в основната папка на сайта, тогава трябва да посочите пътя до местоположението на файла преди името му!

След като библиотеката jQuery и плъгинът jquery.cookie.js са свързани, трябва да добавите скрипт, който ще промени цвета на фона на избрания и ще го запише в бисквитки:

$(документ). 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" ). css ( "background-color" " , $ .cookie("bg_color" )); >

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

Този код съдържа променливатаexpires, която е отговорна за "живот" на бисквитките, зададени от скрипта. Срокът се изчислява в дни.

Сега всичко, което остава, е да поставите формата, за да изберете цвета на фона:

НакраяБих искал да ви предупредя, че ако изображение (background-image) се използва като фон на вашия сайт, този скрипт няма да работи. По-точно той ще работи, но резултатите от работата му няма да бъдат видими, т.к. цветът на фона ще се промени под фоновото изображение. Ето защо, за да демонстрираме как работи скриптът, премахнахме фоновото изображение от тази страница.

---