Приветствую Вас Прохожий | RSS Суббота, 10.12.2016, 06:01
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 6
Гостей: 5
Пользователей: 1
MaDaRa



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Увеличение размера текста на сайте

Увеличение размера текста на сайте
Хотите немного уличной магии? Некоторым пользователям не нравится
размер текста на сайте. А Ctrl +/- увеличивают всю станицу, а не только
текст, что крайне не удобно. Ну так вот. Мы сделаем чтобы пользователь
мог изменить размер текста, и после обновления страницы текст не менял
обратно размер. А как так сделать? Для этого существуют куки. Знаете
что такое куки? Это такая штучка, которая хранит в себе данные, даже
после обновления страницы. Дэвид Блейн? Аха! К черту теорию, перейдем к
практике. Как создать кукисы?

Как создать кукисы?
Создадим функцию сохранения кукиса:

Code
function setcookie(name,value,expires,path,domain,secure){  
  var today=new Date();  
  var expires_date=  
  new Date(today.getTime()+(expires*1000));  
  document.cookie=name+'='+escape(value)+  
  (expires ? ';expires='+expires_date.toUTCString():'')+  
  (path ? ';path='+path:'')+  
  (domain ? ';domain='+domain:'')+  
  (secure ? ';secure':'')}

В этот код сильно вникать не надо.
Далее создадим функцию вызова кукиса:

Code
function getcookie(name){  
  var aCookie = document.cookie.split(';');  
  for(var i=0;i<aCookie.length;i++){  
  while(aCookie[i][0]==' '){  
  aCookie[i]=aCookie[i].substr(1);  
  }  
  var aCrumb=aCookie[i].split('=');  
  if(name==aCrumb[0]){  
  return unescape(aCrumb[1]);  
  }  
  }return null;  
  }  

Для этого скрипта я взял TrackBar:
Code
$(function(){  
  $('#trackbar').trackbar({  
  onMove : function(){  
  setcookie('font',this.leftValue);  
  //При перемещении ползунка, создается печенька  
  if(getcookie('font')==null){setcookie('font',8)}  
  //Если кукис не создан, то он создастся с числом 8  
  document.body.style.fontSize=this.leftValue+'pt';  
  //При перемещении ползунка будет изменяться и размер шрифта  
  },  
  dual:false, //Ну это особенность TrackBar'а  
  width:100, //Ширина TrackBar'а в px  
  leftLimit:8, //Минимальный размер шрифта  
  leftValue:getcookie('font'), /* Число вытаскивается из кукиса  
  и вставляется сюда */  
  rightLimit:17, //Максимальный размер шрифта  
  rightValue:0 //Это оставьте как есть  
  });  
  });  

Все скрипты в архиве.

Теперь нам надо только добавить туда, куда нужно, див с идом "trackbar":

Code

<div id="asd"></div>

Вот и все.

Автор\Источник: des.ucoz.net

Для того что бы скачать архив необходимо зайти на сайт как пользователь. Размер: 0,22 Мб
Просмотров: 3552 | Комментарии: 2 | Рейтинг: 4.7/7 | |Категория: Скрипты Разное | Добавил: mdbaner | Дата: 09.10.2010 | Скачали: 5 | Теги: увеличение, Размер, текст, сайт
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 2
2 galina35   Дата: 07.11.2010  Время: 16:38   [№ 4967]
Не поняла куда что вставлять?! Можно было и поподробней написать..... smile

1 Кирилл   Дата: 09.10.2010  Время: 13:45   [№ 4669]
Интересно чем то похож на тот что я нашел,правда этот кажеться куда удобнее


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru