Главная » Статьи » Прочее

Пользовательские стили с сохранением в localStorage

Перед < /body > На нужных Страницач
Код
<script type="text/javascript">  
userCss = {  
  open:function(){myModal.create('usercss','Пользовательские стили',500,500,'<div style="padding:5px;margin:0 0 5px;border:3px double #e5e5e5;text-align:justify;"><b>userCss</b> - модуль пользовательских стилей. В поле, указанном ниже, вы можете стилизовать любой элемент сайта, используя средства CSS.</div><textarea rows="15" style="width:100%;font:12px \'Courier New\', monoscape;" name="usercss" placeholder="Ваш код CSS..."></textarea><input type="button" style="width:100%;" onclick="userCss.save();" value="Сохранить">',{modal:1,overflow:'hidden'});if(localStorage.getItem('userCss'))$('[name=usercss]').val(localStorage.getItem('userCss'));},  
  save:function(){a = $('[name=usercss]').val();localStorage.setItem('userCss',a);userCss.show();myModal.close('usercss');},  
  show:function(){if($('#usrcss').text() != '') $('#usrcss').text(localStorage.getItem('userCss')); else $('body').prepend('<style type="text/css" id="usrcss">'+localStorage.getItem('userCss')+'</style>');}  
}  
userCss.show();  
</script>
<script type="text/javascript">  
userCss = {  
  open:function(){new _uWnd('usercss','Пользовательские стили',500,500,{autosize:1,resize:0,modal:1,oncontent:function(){if(localStorage.getItem('userCss'))$('[name=usercss]').val(localStorage.getItem('userCss'));}},'<div style="padding:5px;margin:0 0 5px;border:3px double #e5e5e5;text-align:justify;"><b>userCss</b> - модуль пользовательских стилей. В поле, указанном ниже, вы можете стилизовать любой элемент сайта, используя средства CSS.</div><textarea rows="15" style="width:100%;font:12px \'Courier New\', monoscape;" name="usercss" placeholder="Ваш код CSS..."></textarea><input type="button" style="width:100%;" onclick="userCss.save();" value="Сохранить">');},  
  save:function(){a = $('[name=usercss]').val();localStorage.setItem('userCss',a);userCss.show();_uWnd.close('usercss');},  
  show:function(){if($('#usrcss').text() != '') $('#usrcss').text(localStorage.getItem('userCss')); else $('body').prepend('<style type="text/css" id="usrcss">'+localStorage.getItem('userCss')+'</style>');}  
}  
userCss.show();  
</script>

В то место где будет Кнопка
Код
<a href="javascript:userCss.open();">userCss</a>
Категория: Прочее | Добавил: slavick (01.08.2013)
Просмотров: 98 | Теги: стили, сохранением, localStorage, Пользовательские | Рейтинг: 1.0/3
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]