Авто подгрузка материалов


Авто подгрузка материалов

515
9.8 из 10
Проголосовало: 11






Надоело мучатся с переключателями страниц ?, мы решим эту проблему путем автоматизации авто подгрузки страниц без переходов при скролле страницы вашего сайта.

Код легкий и легко настраивается под любой ваш модуль сайта зо основу взят Каталог файлов, также возможны разные вариации информации кода вывода, ныне предоставлен код вывода Информации об успешной Загрузки страницы и номера текущуй страницы в TITLE браузера.

Функции:
1. Атоподгрузка всех материалов по клику.
2. Адабтивный код можно переделать под любой модуль.
3. 2 варианта переключения Стандарт и Авто по клику.

Установка:
1. В Каталоге файлов заменить BODY на:
Код

<script>o0 = 1000</script>  
  <span id="kt-num" style="display:none "></span>  
  <div id="testheight">  
  <div class="kt-right-container-body">$BODY$<?if($PAGE_SELECTOR$)?><div style="text-align:center;">$PAGE_SELECTOR$</div><?endif?></div>  
  <div class="kt-right-container-loads"></div>  
  </div>  


2. Добавить кнопку включения Авто подгрузки:
Код

<div class="kt-scroll" title="Автоподгрузка материалов"></div>


3. Добавим .js скрипт:
Код

var ajaxFL = true;  
  var o8 = location.pathname.split('/')[2];  
  if(typeof(o8) != 'undefined') {  
  o9 = o8.split('-')[1]  
  }  
  if(typeof(o9) != 'undefined' && o9!=1) {  
  $('.kt-scroll').hide();  
  };  
  $('.kt-scroll').click(function () {  
  $('.kt-scroll, .pagesBlockuz1').hide();  
  $('title').text('Бесконечная прокрутка включена!');  
  setTimeout(function() { $('title').text('Страница загружена'); }, 2000);  
  $('#kt-load-window').delay(800).fadeOut(500);  
  var o6 = $('#kt-num').html('1');  
  function EndlessContent() {  
  var o1 = window.pageYOffset;  
  var o2 = $('#testheight')[0].offsetHeight;  
  var o3 = parseInt(o2)-800;  
  var o6 = $('#kt-num').html();  
  if(window.pageYOffset > o3 && o6<o0 && ajaxFL) {  
  var o4 = $('#kt-num').html();  
  $('.pagesBlockuz1').hide();  
  var o5 = parseInt(o4)+parseInt(1);  
  $('#kt-num').html(''+o5+'');  
  console.log('Загружен контент '+o5+'-ой страницы');  
  var o7 = location.pathname.split('/')[1]  
  ajaxFL = false;  
  $.get('/'+o7+'/0-'+o5+'', function(data){  
  $('.kt-right-container-loads').append($('.kt-right-container-body',data).html())  
  ajaxFL = true;  
  $('title').text('Страница успешно загружена!');  
  setTimeout(function() { $('title').text('Страница - '+o5+''); }, 1000);  
  $('#kt-load-window').delay(800).fadeOut(500);  
  });  
  };  
  };  
  $(document).scroll(function(){  
  EndlessContent();  
  });  
  });


4. Написать CSS для кнопки подгрузки материала.
Автор публикации: Загрузка
Загрузка
Marishka, это его n материал
Источник: http://ucodes.ru/
  • Всего комментариев: 4

Dub Step
0
Dub Step написал: Написано 23 Декабря 2015 в 02:48
Комментарий №4
демо я так и не увидел, но и ладно..
главное один минус, то что пользователь не увидит нижнюю часть сайта

BLAzER
0
BLAzER написал: Написано 22 Декабря 2015 в 15:00
Комментарий №2
В демо сайт забанен))

Вовчик
0
Вовчик написал: Написано 22 Декабря 2015 в 22:29
Комментарий №3
бывает...

Sevog
0
Sevog написал: Написано 22 Декабря 2015 в 04:09
Комментарий №1
сделали бы еще под разделы и категории...а то я сделал, но у меня бесконечно по кругу грузит потом...

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 4
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: