Авторизация
Ваш логин:
Ваш пароль:

Игрык
Топ файлов
1 Браузер Opera для PSP
Дата добавления:27.10.2012
Автор: Ross_Kemp
Просмотров: 11544
2 Иконки для папок TROLL FA...
Дата добавления:13.05.2012
Автор: Smertnik
Просмотров: 8345
3 Кисть для фотошопа - Рисо...
Дата добавления:13.05.2012
Автор: Ross_Kemp
Просмотров: 3667
4 PSX2PSP v1.4.2 для PSP
Дата добавления:27.10.2012
Автор: Ross_Kemp
Просмотров: 4038
5 Rip pbhack.ru
Дата добавления:13.11.2011
Автор: Ross_Kemp
Просмотров: 2421
Топ Пользователей
Какой антивирус лучший
(Всего ответов: 57)
Партнеры
Статистика




Онлайн всего: 1
Гостей: 1
Пользователей: 0

Никого нет из пользователей
Главная » Другое » Шаблонизатор категорий + анимация для uCoz

Шаблонизатор категорий + анимация для uCoz

  • Автор: Гость
  • 05.05.2024
0
Скачать Шаблонизатор категорий + анимация для uCoz

Для того, чтобы у вас работал скрипт, вам необходимо установить jQuery плагин:
Код
(function($) {  
  $.cats = function(gcat, scat, opt){  
  if(!gcat || !scat) return alert('Error #1');  
   
  var settings = $.extend({  
  loader: "Загрузка..",  
  animate: 0,  
  timeout: 0  
  }, opt);  
   
  var gid = $('<div/>', {id: 'catsM'}).insertAfter('.catsTable'); // Добавляем новый узел  
   
  $('.catsTable').find('.catsTd').each(function(i, v){ // Ищем все категории  
  var id = $('<div/>', {id: $(v).attr('id'), class: 'catsMc'}).appendTo(gid);  
  id.append(gcat.replace(/\{TITLE\}/g, $(v).find('a').text())  
  .replace(/\{COUNT\}/g, $(v).find('span').text().match(/\[(\w+)\]/)[1])  
  .replace(/\{CATS\}/g, '<div id="catsM'+$(v).attr('id')+'" class="catsMids" style="display: none"></div>')  
  .replace(/\{LINK\}/g, $(v).find('a').attr('href')  
  )); // Генерация HTML  
   
  }).parents('.catsTable').remove(); // Удаляем не нужные DOM элементы  

  gid.find('a').click(function(){  
  var r = $(this).parents('.catsMc').attr('id');  
  var sid = $('#catsM'+r);  
  var url = $(this).attr('href'); // Запоминаем url  
   
  if(!sid.html()){  
  $('<div/>', {id: 'catsMload'+r}).html(settings.loader).insertAfter(sid); // Устанавливаем loader  
  setTimeout(function(){  
  $.get(url, function(d){  
  $('.catsTable', d).find('.catsTd').each(function(i, v){ // Ищем все категории  
  sid.append(scat.replace(/\{TITLE\}/g, $(v).find('a').text())  
  .replace(/\{COUNT\}/g, $(v).find('span').text().match(/\[(\w+)\]/)[1])  
  .replace(/\{LINK\}/g, $(v).find('a').attr('href')));  
  });  
  delete d; // Очищаем память  
  $('#catsMload'+r).remove(); // Удаляем loader из DOM  
  });  
  }, settings.timeout); // Таймаут  
  }  
  switch(settings.animate){ // Виды анимации  
  case 1:  
  $('.catsMids').slideUp();  
  sid.slideDown();  
  break;  
  case 0:  
  default:  
  sid.fadeToggle();  
  break;  
  }  
   
  return false;  
  });  
  };  
  })(jQuery);


На странице с категорией перед /body вставляем:
Код
<script>  
$.cats('$1', '$2', {PARAMS});  
</script>


где:
$1 - html код для раздела категории, доступные переменные:
{TITLE} - название раздела
{COUNT} - кол-во постов в разделе
{LINK} - ссылка на раздел
{CATS} - выводит все категории данного раздела
$2 - html код для самой категории, доступные переменные:
{TITLE} - название категории
{COUNT} - кол-во постов в категории
{LINK} - ссылка на категорию
PARAMS - список параметров:
loader: предварительная загрузка (по умол.: Загрузка..)
animate: режимы анимаций, доступно пока две анимации: 0 и 1 (по умол.: 0)
timeout: таймер загрузки категорий в миллисекундах (по умол.: 0)

Вот так должно у вас примерно получиться:
Код
$.cats('<a href="{LINK}">{TITLE}</a><span>{COUNT}</span><div class="cats">{CATS}</div>', '<a href="{LINK}">{TITLE}: ({COUNT})</a>', {loader: 'Загрузка...', animate: 1, timeout: 1000});


  • Просмотров: 764
  • Загрузок: 0


Рекомендуем:
Комментарии
Нет комментариев
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Portals-Soft.Ru
Порталс-Софт © 2011 - 2012
Владельцы сайта не могут нести ответственности за действия пользователей. Этот ресурс полностью анонимный - IP адреса и действия пользователей не сохраняются. Сайт не предоставляет электронные версии произведений, а занимается индексированием файлов, находящихся в файлообменных сетях, Все права на произведения принадлежат правообладателям. Если вы являетесь правообладателем произведения, проиндексированного нашей поисковой машиной и не желаете чтобы ссылка на него находилась в нашем каталоге, свяжитесь с нами через форму обратной связи и мы незамедлительно удалим её. Публикация материалов сайта возможна только с разрешения администрации. Хостинг от uCoz