Главная » Файлы » Прочие скрипты » jQuery

Обрезаем код через плагин jTruncate by Apocalypse для uCoz
23.06.14, 08:26:38

Скачать файл




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

Установка:

На тех страницах, где хотите видеть отображение лишь части кода после /head вставляйте:
Код
<?if($USER_AGENT$='ie')?><?else?><script src="/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 и найдите строчку, которая начинается с:
Код
.codeMessage


Сразу после первой фигурной скобки { вставляйте:
Код
max-height:5000px !important


Теперь залейте в папку js скрипт из прикреплённого архива

Материал подготовил Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: Apocalypse, Через, Код, ucoz, jTruncate, by, плагин, Обрезаем, для
Просмотров: 438 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: