jQuery - менять фон сайта списком

[jumancy]

На сайте хочу создать список фоновых цветов и при выборе каждого цвет сайта меняется на соответствующий. Реализую это следующим образом:

1) Есть список

<select name="color_select" id="color_select" class="target">
		<option value="">выбери цвет сайта</option>
		<option value="Gray">Gray</option>
		<option value="SeaGreen">SeaGreen</option>
</select>

2)С помощью jQuery добавляю к body отдельный класс для каждого цвета

			$('#color_select').change(function(){

				var oSelect = $("#color_select option:selected").val(); //получаем значение выбранного элемента
				$("body").removeClass();
				$('body').addClass(oSelect); // добавляем класс к body


			});

И все ОК. Но проблема в том, что при переходе на др. страницу или же обновлении ее класс исчезает, вместе с ним и все стили. Как от этого избежать?

[irinablue]

используйте куки

[jumancy]

каким образом? можно подробнее?

[irinablue]

что такое куки - гуглится без проблем, тут уж простите - почитайте сами )

когда пользователь выбрал цвет, выполняете те действия, что описаны в 1м посте + в куки записываете класс, который добавили для body

раз вы уже используете jQuery, есть плагин jQuery Cookies, с помощью которое легко устанавливать и читать куки:

устанавливаем куку на год (365 дней)

$.cookie("body_class", "SeaGreen", {expires: 365});

при загрузке страницы, проверяем, если уже установлена кука body_class, то используем его

if ($.cookie("body_class"))
{
    $("body").removeClass();
    $("body").addClass($.cookie("body_class"));
}