Как сохранить параметры css в cookie?

Question

[Annieva]

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

$(document).ready(function(){
  // Размер шрифта	
  $(".lv-fonts-1").click(function(){
      $('.some-text').css('font-size', '100%');
  });
  $(".lv-fonts-2").click(function(){
      $('.some-text').css('font-size', '130%');
  });
  $(".lv-fonts-3").click(function(){
      $('.some-text').css('font-size', '170%');
  });
  
  // Межбуквенный интервал
  $(".lv-intervals-1").click(function(){
      $('.some-text').css('letter-spacing', '0px');
  });
  $(".lv-intervals-2").click(function(){
      $('.some-text').css('letter-spacing', '2.4px');
  });
  $(".lv-intervals-3").click(function(){
      $('.some-text').css('letter-spacing', '4.8px');
  });
  
  // Цвет фона, текста
  $(".lv-colors-1").click(function(){
      $('.some-text').css('background', 'white');
      $('.some-text').css('color', '#333');
  });
  $(".lv-colors-2").click(function(){
      $('.some-text').css('background', '#212121');
      $('.some-text').css('color', 'white');
  });
  $(".lv-colors-3").click(function(){
      $('.some-text').css('background', '#9fd2fd');
      $('.some-text').css('color', '#333399');
  });
  
  // Кнопка "Сброс" 
  $('.icon-lw').click(function() {
      $('.lv-undo').css('display', 'inline');
  });
   $('.lv-undo').click(function() {
      location.reload();
  });
  // изображение
	$('#switch_check').on('click', function(){
        $('img').toggle();
    });  
});

Answer 1

[ThunderCat]

это делается не так!
В куки добавляется лишь параметр который определяет вид отображения, если он (например)есть и установлен в 1 - на сервере подключается в шаблон еще 1 дополнительный css файл с нужными стилями.

Comments

[Annieva]

А какие способы есть для того чтоб при обновлении страницы скрипт не сбрасывался? У меня просто почти сделана версия для слабовидящих и осталось только решить проблему с обновлением страницы. Мне сказали что для этого подойдут куки

[ThunderCat]

Annieva, да, но это не значит что в куках хранить цсс, только НАСТРОЙКИ!!!!! Я же достаточно ясно написал принцип... Что конкретно не понятно?

А какие способы есть для того чтоб при обновлении страницы скрипт не сбрасывался?

ХРАНИТЬ В КУКАХ НАСТРОЙКИ, и НА СТОРОНЕ СЕРВЕРА проверяется наличие куки, если нужно подключается еще 1 файл css, с нужными настройками, вы же пытаетесь чесать правой пяткой левое ухо.

[Annieva]

Я поняла, попытаюсь сделать. Просто столько версий пересмотрела, что уже мозг плывёт

Answer 2

[Павел Корнилов]

Вот, посмотрите эту реализацию с помощью маленькой библиотеки.