Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: jquery помогите пожалуйста с записью в хранилище localStorage

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Телевизор
Отправлено: 11 Октября, 2015 - 14:50:04
Post Id



Посетитель


Покинул форум
Сообщений всего: 369
Дата рег-ции: Март 2010  
Откуда: с яндекса


Помог: 3 раз(а)




скрипт изменяет размер шрифта, вот хотелось бы чтобы при обновлении страницы измененный размер шрифта сохранялся.

кароче не получается реализовать с записью в localStorage

http://jsfiddle[dot]net/4xrs9nkz/

или

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. //var contentSize = localStorage.getItem('contentSize');
  3. //$(".content").animate({"font-size": contentSize});
  4.  
  5. $("#fontsizePlus").click(function(){
  6.     $(".content").animate({"font-size": "+=5px"}, "fast");
  7.     //localStorage.setItem("contentSize", "+=5px");
  8. });
  9.  
  10. $("#fontsizeMinus").click(function(){
  11.     $(".content").animate({"font-size": "-=5px"}, "fast");
  12.     //localStorage.setItem("contentSize", "-=5px");
  13. });
  14.  
  15.  
  16.  
  17. <button id="fontsizePlus">A+</button>
  18. <button id="fontsizeMinus">A-</button>
  19.  
  20. <div class="content">
  21.     123v12rgsg rtg rtwrtw45 gt245 gt wrtgb wrtg werg
  22. </div>
  23.  
  24.  
 
 Top
Viper
Отправлено: 11 Октября, 2015 - 15:07:17
Post Id



Активный участник


Покинул форум
Сообщений всего: 4555
Дата рег-ции: Февр. 2007  
Откуда: Симферополь


Помог: 98 раз(а)




CODE (javascript):
скопировать код в буфер обмена
  1. jQuery(document).ready(function ($) {
  2.     var font_size = localStorage.getItem('contentSize');
  3.  
  4.     $('.content').css('font-size', font_size);
  5.  
  6.     $('#fontsizePlus').click(function(){
  7.         $('.content').animate({
  8.             'font-size': '+=5px'
  9.         }, 'fast', function(){
  10.             localStorage.setItem('contentSize', $(this).css('font-size'));
  11.         });
  12.     });
  13.  
  14.     $('#fontsizeMinus').click(function(){
  15.         $('.content').animate({
  16.             'font-size': '-=5px'
  17.         }, 'fast', function(){
  18.             localStorage.setItem('contentSize', $(this).css('font-size'));
  19.         });
  20.     });
  21. });


-----
Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com
Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе
 
 Top
Телевизор
Отправлено: 11 Октября, 2015 - 15:28:58
Post Id



Посетитель


Покинул форум
Сообщений всего: 369
Дата рег-ции: Март 2010  
Откуда: с яндекса


Помог: 3 раз(а)




Viper

СПАСИБО !!!

мда я смотрю я самбы не смог бы, долго мучался бы....
 
 Top
Телевизор
Отправлено: 11 Октября, 2015 - 18:51:43
Post Id



Посетитель


Покинул форум
Сообщений всего: 369
Дата рег-ции: Март 2010  
Откуда: с яндекса


Помог: 3 раз(а)




что то не подумал о дочерных div, span ... элементах в котором присутствует свои font-size размеры.

Скажите пожалуйста,
если я сделаю вот так:

CODE (htmlphp):
скопировать код в буфер обмена
  1. var content = $('.content, .content h1, .content h2, .content div, .content span, .content p,');


это нормально?

или возможно функцией указать для всех дочерных элементах
 
 Top
DelphinPRO
Отправлено: 11 Октября, 2015 - 20:44:30
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)




Телевизор пишет:
или возможно функцией указать для всех дочерных элементах

так же как в css

CODE (css):
скопировать код в буфер обмена
  1. .content *
  2. /* или */
  3. .content > *


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Телевизор
Отправлено: 11 Октября, 2015 - 21:25:29
Post Id



Посетитель


Покинул форум
Сообщений всего: 369
Дата рег-ции: Март 2010  
Откуда: с яндекса


Помог: 3 раз(а)




DelphinPRO

Замечательно !!!
Спасибо
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB