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/

СКАЧАТЬ

Вес файла
3.51 Kb

Реклама

Комментарии

  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?

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

  • acuteaggressiveair_kissangel
    badbbbeachbeee
    biggrinbig_bossblumblush
    boastbombboredombye
    clappingcraycrazycurtsey
    dancedashdeclarediablo
    diroldon-t_mentiondownloaddrinks
    first_moveflirtfocusfool
    friendsgive_heartgive_rosegood
    hangheartheathelp
    hihunterhystericireful
    kingkisslaughlazy
    lolmail1mambaman_in_love
    mdamega_shokmoilmosking
    musicneanegativenew_russian
    okon_the_quietpardonparting
    partypilotpioneerpleasantry
    popcormpranksterprevedpunish
    roflrtfmrussiansad
    sarcasticscarescratchsearch
    secretsensoredshokshout
    slowsmilesmokesoldier
    soldier_girlsorryspitefulspruce_up
    stinkersuicidesunsuperstition
    swoonteasetenderthanks
    thisto_pick_ones_noseto_take_umbragetreaten
    umnikunknwvampirevava
    victorywackowhistlewink
    wizardyahooyesyu
    e101e102e103e104
    e105e106e107e108
    e109e110e111e112
    e113e114e115e116
    e117e118e119e120
    e121e122e123e124
    e125e126e127e128
    e129e130e131e132
    e133e134e135e136
    e137e138e139e140
    e141e142e143e144
    e145e146e147e148
    e149e150e151e152
    e153e154e155e156
    e157e158e159e160
    e161e162e163e164
    e165e166e167e168
    e169e170e171e172
    e173e174e175e176
    e177e178e179e180
    e181e182e183e184
    e185e186e187e188
    e189e190e191e192
    e193e194e195e196
    e197e198e199e200
    e201e202e203e204