Здраствуйте, сделал в css список и этому списку сделал два вида тоесть человек может выбирать как выглядеть данный список но хочу еще подключить к ниму куки чтобы если человек выбрал один вариант так и остатся после обновление страницы, помогите пожалуйста.
Код каторый меняет вид списка:
$(document).ready(function(){
$("a.switcher").bind("click", function(e){
e.preventDefault();
var theid = $(this).attr("id");
var theproducts = $("ul#products");
var classNames = $(this).attr('class').split(' ');
var gridthumb = "http://muvtor.at.ua/img/line_view.png";
var listthumb = "http://muvtor.at.ua/img/table_view.png";
if($(this).hasClass("active")) {
// if currently clicked button has the active class
// then we do nothing!
return false;
} else {
// otherwise we are clicking on the inactive button
// and in the process of switching views!
if(theid == "gridview") {
$(this).addClass("active");
$("#listview").removeClass("active");
$("#listview").children("img").attr("src","http://muvtor.at.ua/img/line_view.png");
var theimg = $(this).children("img");
theimg.attr("src","http://muvtor.at.ua/img/table_active.png");
// remove the list class and change to grid
theproducts.removeClass("list");
theproducts.addClass("grid");
// update all thumbnails to larger size
$("img.thumb").attr("src",gridthumb);
}
else if(theid == "listview") {
$(this).addClass("active");
$("#gridview").removeClass("active");
$("#gridview").children("img").attr("src","http://muvtor.at.ua/img/table_view.png");
var theimg = $(this).children("img");
theimg.attr("src","http://muvtor.at.ua/img/line_active.png");
// remove the grid view and change to list
theproducts.removeClass("grid")
theproducts.addClass("list");
// update all thumbnails to smaller size
$("img.thumb").attr("src",listthumb);
}
}
});
});
А это кнопки каторые переключают вид:
<span class="list-style-buttons">
<a href="#" id="listview" class="switcher active"><img src="http://muvtor.at.ua/img/table_view.png"></a>
<a href="#" id="gridview" class="switcher "><img src="http://muvtor.at.ua/img/line_view.png"></a>
</span>
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.