Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.08.2017, 08:53
Кандидат Javascript-наук
Отправить личное сообщение для DDim1000 Посмотреть профиль Найти все сообщения от DDim1000
 
Регистрация: 20.10.2016
Сообщений: 149

Как сохранить выбранную категорию и стиль в cookie или в localStorage
Здравствуйте!
Есть слайдиг категорий, при клике на одну из категорий, одна открывается, а остальные скрываются.

Вопрос: Как сохранить выбранную категорию вмести со стилями в cookie или в localStorage, чтоб после перезагрузки страницы, выбор категории сохранялся?
$('#block-category > ul > li > a').click(function(){
	 
	 if ($(this).attr('class') != 'active' )
	      {
		   $('#block-category > ul > li > ul').slideUp(400);
		   $(this).next().slideToggle(400);
		           $('#block-category > ul > li > a').removeClass('active');
				   $(this).addClass('active');
		   var refText = $(this).text();
				if (refText == 'Постельное белье')
				    {
					   $('#block-mens-size').hide();
	                   $('#block-womens-size').hide();
					   $('#block-all').hide();
					   $('#block-bed').show();
					}; 			     		
				if (refText == 'Одежда для Женщин')
				    {
					   $('#block-bed').hide();
                       $('#block-mens-size').hide();
					   $('#block-all').hide();
					   $('#block-womens-size').show();
					}; 
				if (refText == 'Одежда для Мужчин')
				    {	                  
					   $('#block-womens-size').hide();
					   $('#block-bed').hide();
					   $('#block-all').hide();
					   $('#block-mens-size').show();      
					}; 
			     					     		

		  }
	else
	      {
			       $('#block-category > ul > li > a').removeClass('active'); 
				   $('#block-category > ul > li > ul').slideUp(400);
				   $('#block-bed').hide();
				   $('#block-womens-size').hide();
				   $('#block-mens-size').hide();
				   $('#block-all').show();
				   $.cookie('select_cat', '');
		  };

		
	});
Ответить с цитированием
  #2 (permalink)  
Старый 18.08.2017, 09:13
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 12,527

Сообщение от DDim1000
Как сохранить выбранную категорию вмести со стилями в cookie или в localStorage, чтоб после перезагрузки страницы, выбор категории сохранялся?
cookie и localStorage хранят пары
<ключ>=<значение>

Где "значение" простая строка. Ты можешь сам придумать формат той строки... Или использовать формат json...

Тогда все, что тебе останется - это сформировать строку и записать ее. А потом прочитать, преобразовать в "данные", для нужных тебе, элементов и присвоить им, записанные ранее, параметры.
Ответить с цитированием
  #3 (permalink)  
Старый 18.08.2017, 09:40
Кандидат Javascript-наук
Отправить личное сообщение для DDim1000 Посмотреть профиль Найти все сообщения от DDim1000
 
Регистрация: 20.10.2016
Сообщений: 149

Сообщение от ksa Посмотреть сообщение
cookie и localStorage хранят пары
<ключ>=<значение>

Где "значение" простая строка. Ты можешь сам придумать формат той строки... Или использовать формат json...

Тогда все, что тебе останется - это сформировать строку и записать ее. А потом прочитать, преобразовать в "данные", для нужных тебе, элементов и присвоить им, записанные ранее, параметры.
А как вот это записать в cookie?:
$('#block-category > ul > li > a').click(function(){
	 
	 if ($(this).attr('class') != 'active' )
	      {
		   $('#block-category > ul > li > ul').slideUp(400);
		   $(this).next().slideToggle(400);
		           $('#block-category > ul > li > a').removeClass('active');
				   $(this).addClass('active');
		 ...		
	});

setcookie('style','а здесь что, как?.....')
Ответить с цитированием
  #4 (permalink)  
Старый 18.08.2017, 10:21
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 12,527

Сообщение от DDim1000
А как вот это записать в cookie?
Есть мнение (с)
что ты не на то ставишь акцент.

Например в этом примере достаточно просто запомнить на каком элементе кликнули. А потом просто съэмулировать тот клик на этом элементе...

Т.е. саму задачку я тебе решать не стану. Суть моих сообщений такова - тебе придется сформировать некую строку или строки, которые можно записать как ключ=значение. А потом с этой информацией работать...
Ответить с цитированием
  #5 (permalink)  
Старый 18.08.2017, 11:27
Кандидат Javascript-наук
Отправить личное сообщение для DDim1000 Посмотреть профиль Найти все сообщения от DDim1000
 
Регистрация: 20.10.2016
Сообщений: 149

Спасибо большое! Получилось!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вопрос тупой, как сделать обычное по со списком или combobox иначе ? dennnyk Элементы интерфейса 1 07.07.2010 05:59
Как узнать, присутствует ли в окне полоса прокрутки или нет? возжаждавший Элементы интерфейса 6 12.03.2010 22:00
30(1|2) редирект от сервера. Или как лучше сделать редирект при верной отсылке форма. pizzZ AJAX и COMET 2 18.02.2010 08:06
О наследовании событий, или как корректно его отменить. JCShen Events/DOM/Window 8 08.02.2010 23:00
Переменная от переменной или как к имени переменной конкатенировать значение другой Aderba jQuery 5 12.11.2008 14:25