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

Переключение страниц комментариев на ajax by Apocalypse для uCoz
24.06.14, 08:29:16





Данный скрипт был разработан мною специально для нового дизайна. Он позволяет вывести полный список страниц комментариев (Спасибо Богдану с Фоюкоз за образец кода). При клике по номеру страницы комментариев комменты с той страницы быстро и красиво подгружаются на место старых

Установка:

Покажу на примере Каталога Файлов

Управление дизайном -- Каталог файлов -- Страница материала и комментариев к нему -- Найдите и замените:

1) $COM_PAGE_SELECTOR$ на:
Код
<div id="cps" style="display:none;">$COM_PAGE_SELECTOR$</div>


2) $COM_BODY$ на:
Код
<div class="cmbd">$COM_BODY$</div>


В самый низ перед /body вставляйте:
Код
<div id="swtl" style="display:none;"></div>  

  <script>  
  // Переключение страниц комментариев на ajax by Apocalypse  
  var alp = $('.swchItem:last').prev().text();  
  // Copyright © forucoz.com | Bogdan4eg - Вывод всех страниц переключателей  
  for (i=1; i<=alp; i++){
  $('#cps').after('<a class="swchItem" id="swt'+ i +'">' + i + '</a> ');  
  }  

  $('.swchItem').hover(function() {  
  var swi = $(this).text();  
  $('#swtl').html(swi);  
  $('.swchItem').attr('onclick', '').attr('id', 'swt'+swi);  
  });  

  $('.swchItem:last').css('opacity', '0.3');  

  $('.swchItem').click(function() {  
  $('.cmbd').fadeTo(500, 0.3);  
  $('.swchItem').fadeTo(500, 1);  
  $(this).fadeTo(500, 0.3);  
  var swil = $('#swtl').text();  
  $('.cmbd').load('/load/$CID$-'+swil+'-0-$ID$ .cmbd', function() {  
  setTimeout(function() {  
  $('.cmbd').fadeTo(500, 1);  
  }, 1000);  
  });  
  });  
  // apo-ucoz.com  
  </script>


Примечание:

Работает лишь для переключателей $COM_PAGE_SELECTOR$. $COM_PAGE_SELECTOR1$ работать не будет. Не допускается использования более одного $COM_PAGE_SELECTOR$ на странице материала и комментариев к нему

Материал подготовлен Apocalypse

Категория: Комментарии | Добавил: Apocalypse | Теги: страниц, Apocalypse, ucoz, переключение, by, на, AJAX, комментариев, для
Просмотров: 374 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: