Иногда коды бывают ооочень длинными и мне давно хотелось хоть как то сократить их, чтобы они не занимали большой высоты. Стандартный способ uCoz с полосой прокрутки меня давно не устраивает, так как полосы прокрутки совсем не сочетаются с дизайном. Сегодня наконец то наткнулся на плагин jTruncate и быстренько адаптировал его под uCoz

Установка:

На тех страницах, где хотите видеть отображение лишь части кода после /head вставляйте:

Code

<?if($USER_AGENT$='ie')?><?else?><script src="http://www.vsepodrad.ru/js/jquery.jtruncate.js"></script>
  <script>
  $().ready(function() {
  $('div.codeMessage').jTruncate({
  length: 200,
  minTrail: 0,
  moreText: "[Показать весь код]",
  lessText: "[Cпрятать]",
  ellipsisText: " <font color=ff0000>(Текст обрезан)</font>",
  moreAni:0,
  lessAni:0
  });
  });
  </script><?endif?>

Всё, тело скрипта настроено и он полностью готов к работе. К сожалению данный фитч не работает в IE и потому я скрываю данный скрипт от этого браузера

Далее для лучшего эффекта можно убрать полосы прокрутки для Code (Сами решайте, нужно вам это или нет):

Бегите в css и найдите строчку, которая начинается с:

Code

.codeMessage

Сразу после первой фигурной скобки { вставляйте:

Code

max-height:5000px !important

Скачать файл

Пожаловаться на файл

Теги:

Через, код, jTruncate, плагин, Наши разработки VSEpodrad™, Обрезаем

Категория: Наши разработки VSEpodrad™

Добавил: mega18

Загрузок: 0

Вы сейчас просматриваете Обрезаем код через плагин jTruncate. Данный файл находится в категории Наши разработки VSEpodrad™. Чтобы увидеть другие файлы из этой категории, перейдите по этой ссылке: Наши разработки VSEpodrad™. Для того чтобы скачать Обрезаем код через плагин jTruncate нажмите на кнопку СКАЧАТЬ ФАЙЛ выше. Надеемся вам понравился файл Обрезаем код через плагин jTruncate и пригодился. По всем вопросам обращайтесь в чат на сайте или к администрации.

Всего комментариев: 0

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