U.Helper

23 Декабря 2008 15:09
Главная » Разработки » Разработки для модуля "Новости сайта" » Увеличение/уменьшение шрифта.
1. Подключаем jQuery
2. Добавляем следующий ява-скрипт между <head> и </head>
Code
<script type="text/javascript">
  $(document).ready(function()
  {
  $('a').click(function()
  {
  var theElement = $("#text").css("font-size");
  var textSize = parseFloat(theElement, 10);
  var unitOfMeasurement = theElement.slice(-2);
   
  if ( (this).id == "largerTextLink")
  {
  textSize += 2;
  }
  else
  {
  textSize -= 2;
  };
   
   
  $('p').css("font-size", textSize + unitOfMeasurement);
   
  return false;
  });
  });
  </script>

3. Главная » Управление дизайном » Редактирование шаблонов: модуль "Новости сайта", шаблон "Вид материалов".
Находим $MESSAGE$, обрамляем его следующим образом:
Code
<p id="text">
$MESSAGE$
</p>

Ставим кнопки увеличения/уменьшения шрифта (по месту требования):
Code
<a href="#" id="smallerTextLink">Уменьшить</a>
<a href="#" id="largerTextLink">Увеличить</a>



Правила использования:

  • Все права на публикуемые скрипты принадлежат их авторам!
  • Запрещается распространение скриптов без указания автора!
  • Запрещается "затирание" копирайтов!
Рейтинг: ← 8 →
Модуль: Новости сайта | 2395 просмотров | Автор: kydapodatsya | Добавлено: 23 Декабря 2008
3 комментария

0
Vanofuture[Материал] 21:01, 27 Января 2009
Криво однако написано. wink
Code
$('a')

Значит применяется ко всем ссылкам на странице.
Code
if ( (this).id == "largerTextLink")
   {
   textSize += 2;
   }
   else
   {
   textSize -= 2;
   };

А проверка осуществляется только с увеличением. Результат: если нажать любую ссылку(даже смайлик), текст уменьшится. tongue

Ответ:есть дополнения, то подправьте...
Цитировать
Сайт
0
cucYa[Материал] 04:04, 12 Марта 2009
Есть такая чтучка, ctrl + mouse scroll smile

Ответ:а еще мозги, есть такая штучка, но не у всех)
Цитировать
Сайт
0
MegaFill[Материал] 18:56, 14 Марта 2009
хм... А не проще ли через джава скрипт сделать?
Цитировать
Сайт
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

© U.Helper 2007-2024 Используются технологии uCoz