Подгрузка материалов для каталога файлов по мере прокрутки страни...

1528
7.4 из 10
Проголосовало: 3






Данный скрипт подгружает материалы в каталоге файлов когда пользователь опускается вниз страницы, что заметно облегчает работу...

Установка:

Идём в каталог файлов, находим там $BODY$ и заменяем на

Code
<div id="contik">$BODY$</div>  
  <div style="display:none;" id="selector">$PAGE_SELECTOR$</div>  
  <div id="nextCont" class="input_submit alt" style="display:block; text-align:center;"><div onclick="Conti.to();" style="padding:3px;"></div></div>  
  <script type="text/javascript">  
  if ($("#selector").find(".swchItem:contains('»')").text() == '»') {  
  $("#selector").after('');  
  };  

  Conti = {  
  to:function(){  
  $("#nextCont").html('<div style="padding:4px"><img src="http://usite.su/img/new/next_load.gif" border="0" /></div>');  
  nextik = $("#selector").find(".swchItem:contains('»')").attr('onclick').toString();  
  num = nextik.match(/\d/);  
  $.get('/load/0-'+num, function(next){  
  $("#contik").append( $("#contik", next).html() );  
  $("#selector").html( $("#selector", next).html() );  

  $("#nextCont").html('<div onclick="Conti.to();" style="padding:3px;"> </div>');  
  if ($("#selector", next).find(".swchItem:contains('»')").html() == null) { $("#nextCont").fadeOut(); };  
  });  
  }  
  }  
  </script>


На этой же странице после /head вставляем этот код

Code
<script type="text/javascript">  
  window.onscroll=myfunc  
  function myfunc()  
  {  
  if (document.body.clientHeight + document.body.scrollTop >= document.body.scrollHeight) {  
  Conti.to();  
  }  
  };  
  </script>


Вот и всё, установка закончена !
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://allmuzik.ucoz.ru
  • Оставить первым комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Upd 1.4 Кому лень https://jsfiddle.net/7js6tfp1/5/
  • Marishka написал:
  • Мы обновили код и упростили его установку:
    Что нового:
    1. Новый легкий js код.
    2. Отправка по Enter если есть или нет Aa цвета.
    3. Простая установка.

    Принцип работы:
    Используется родное поле ввода текста с выбором цвета, родная кнопка отправки скрывается позволяя отправить форму по Enter.

    Демо: https://jsfiddle.net/7js6tfp1/4/
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
    Последние темы
    Опрос
    478
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: