Показать сообщение отдельно
  #4 (permalink)  
Старый 17.04.2015, 21:22
Аспирант
Отправить личное сообщение для robertbat Посмотреть профиль Найти все сообщения от robertbat
 
Регистрация: 21.09.2014
Сообщений: 36

Добавил к коду запоминание состояния панелей в куки:

При клике на элемент управления вначале проверяем есть ли кука,
если нет - создаем массив с состояниями когда все блоки открыты,
если есть, читаем строку из нее и далее функцией .split() формируем
из строки массив.

Учитываем что элемент массива: имя блока уменьшенное на единицу.
Обращаемся к родительскому блоку, данного элемента управления
Если у этого блока стоит соответствующий класс, т.е. блок скрыт - изменяем соответствующий элемент массива на 1 - блок открыт. В противном случае 0 - блок закрыт.

Склеиваем массив обратно в строку.

Записываем строку состояний в куку.
Учитываем что элемент массива: имя блока уменьшенное на единицу.
Читаем куку в переменную.

Если кука есть формируем из ее содержимого массив и если соответствующий элемент массива равен состоянию закрытого блока (0) - добавляем соответствующему блоку класс с оформлением для закрытого блока.



function setState (blockName) {
				$('#inset_header'+blockName).click(function() {
					var blockStateCookie = $.cookie('blockState');
					if (blockStateCookie == null) var blockState = [1, 1, 1, 1, 1];
					else var blockState = blockStateCookie.split('');
					var arrEl = blockName-1;
					if ($(this).parent().is('.hide')) blockState [arrEl] = 1;
					else blockState [arrEl] = 0;
					var blockStateCookie = blockState.join('');
					$.cookie('blockState', blockStateCookie, { expires: 10000, path: '/' });
				});
			};
			function restoreState (blockName) {
				var arrEl = blockName-1,
					blockStateCookie = $.cookie('blockState');
				if (blockStateCookie != null) {
					blockState = blockStateCookie.split('');
					if (blockState [arrEl] == 0) { 
						$('#inset_header'+blockName).addClass('hide');
					}
				
				}
			};
restoreState ('1'); setState ('1');
restoreState ('2'); setState ('2');
restoreState ('3'); setState ('3');
restoreState ('4'); setState ('4');
restoreState ('5'); setState ('5');


Ничего не выходит

http://jsfiddle.net/qwertylist/zfsfbbLy/13/

Последний раз редактировалось robertbat, 17.04.2015 в 21:26.
Ответить с цитированием