@Annieva

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

Создаю версию для слабовидящих. Углублённо 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();
    });  
});
  • Вопрос задан
  • 406 просмотров
Пригласить эксперта
Ответы на вопрос 2
ThunderCat
@ThunderCat Куратор тега CSS
{PHP, MySql, HTML, JS, CSS} developer
это делается не так!
В куки добавляется лишь параметр который определяет вид отображения, если он (например)есть и установлен в 1 - на сервере подключается в шаблон еще 1 дополнительный css файл с нужными стилями.
Ответ написан
KorniloFF
@KorniloFF Куратор тега JavaScript
Работаю по font-end / JS
Вот, посмотрите эту реализацию с помощью маленькой библиотеки.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы