4.04.14, 14:16
1 комментарий
  DLE Хаки

Постраничная навигация на ajax

На многих сайтах давно уже существует постраничная навигация на ajax. И довольно таки давно многие пользователи используют для этого js плагин jquery.ias.js.

/*!
 * Infinite Ajax Scroll, a jQuery plugin 
 * Version v0.1.5
 * http://webcreate.nl/
 *
 * Copyright (c) 2011-2012 Jeroen Fiege
 * Licensed under the MIT License: 
 * http://webcreate.nl/license
 */


Плагин позволяет автоматически подгружать следующий контент согласно постраничной навигаци по мере скрола страницы . Сегодня я раскажу как с помощью данного плагина добиться подгрузки контента по клику по кнопке. Данный плагин я не много изменил добавив настройку типа подгрузки следующей страницы. Думаю автор не обидется. *6

Настройки и описание работы для DLE:

Инициализация скрипта в файле шаблона templates/Default/navigation.tpl


<div class="dpad basenavi ignore-select">

    <div class="bnnavi">

        <div class="navigation">{pages}</div>

        <div class="nextprev">

            [prev-link]<span class="thide pprev">Назад</span>[/prev-link]

            [next-link]<span class="thide pnext">Вперед</span>[/next-link]

        </div>

    </div>

    <a class="thide toptop" onclick="scroll(0,0); return false" href="#">Наверх</a>

</div>







<script type="text/javascript" src="/engine/classes/js/jquery.ias.js"></script>

<script type="text/javascript">



 $.ias({

container : '#dle-content', //индетификатор контейнера гду хранятся все новости

item:'.base.shortstory', //набор классов контейнера самой новости

pagination: '.dpad.basenavi.ignore-select', //набор классов контейнера блока постраничной навигации

next: '.nextprev a:last-child', //класс или идентификатор контейнера  постраничной навигации с ссылками где содержится ссылка на  следующую страницу

autoload: false, //включение или отключение автоподзагрузки

loader: '<p><center><font style="cursor:pointer;color:green;font-size:3em;"><i>Загрузить еще</i></font></center></p>' //шаблон кнопки или индикатора загрузки







});

</script>



Установка: Распаковать архив в папку /engine/classes/js/

Комментарии

  1. wapmastera 29 апреля 2015 14:01                    

    I want to navigate beetwen pages without page refresh for dle, with this plugin: http://botmonster.com/jquery-bootpag/ . can you help me?

Напишите своё мнение