prowebber.ru - Тут есть все для настоящих вебмастеров

Мы в твиттере Наша страничка на FaceBook! Сообщество вебмастеров в VK Мы в телеграме!

PW — всё для вебмастера » Всё для DataLife Engine » DLE хаки » Подгрузка страниц при помощи AJAX jQuery

Подгрузка страниц при помощи AJAX jQuery

Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Подгрузка страниц при помощи AJAX jQuery.

Данный хак будет работать на всех версиях ДЛЕ, которые подключают jQuery в теге {headers} (не помню с какой версии начинается). короче чтоб работало все надо чтобы был подключен jQuery.
Вобщем придется редактировать всего один файл: navigation.tpl
в конец шаблона вставляем:

<div id="ajax-next-page" style="display: none;">[next-page][/next-page]</div>
<script type="text/javascript">
    $(function() {
        $(window).scroll(function() {
            if ($(window).scrollTop() > $('body').height()-$(window).height()-10) {
                var nextPage = $('#ajax-next-page a').attr('href');
                if (nextPage !== undefined) {
                    $.ajax({
                        url: nextPage,
                        success: function(data) {
                            $('#ajax-next-page').remove();
                            $('#dle-content').append($('#dle-content', data).html());
                        }
                    })
                }
            }
        });
    });
</script>


как вы уже поняли (надеюсь) это самый примитивнейший вариант. когда юзер скроллит страницу, за 10 пикселей до конца тега 'body' будет выполняться ajax-запрос на следующую страницу.
Код можете редактировать под себя. например, если у вас высокий футер, то вычитаем статично его высоту. если футер иногда меняет свои размеры, например, то просто вычитаем его сосчитанную высоту и тп.

в комментариях могу помогать в особых случаях (так как этот самый примитивный).
спасибо за внимание. в скором будущем напишу статью о AJAX авторизации и регистрации пользователей





+20

Просмотры: 7668 :: Комментарии (55) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1ShoMpeT

  • 4 ноября 2012 07:43
  • Регистрация: 10.05.2010
  • ICQ: --
  • Комментариев: 13
Not working for me in DLE 9.7, but thanks a lot dance

+2

#2daiv777

  • 4 ноября 2012 08:10
  • Регистрация: 6.04.2011
  • ICQ: --
  • Комментариев: 277
ShoMpeT,
у меня тоже не работает зато уже 15 плюсов к рейтингу публикации.

+1

#3Sibiriak

  • 4 ноября 2012 15:37
  • Регистрация: 6.05.2012
  • ICQ: 1
  • Комментариев: 163
9.7 - тоже не работает ...

такая же беда и на 9.5 ...

--------------------

+1

#4Cresis

  • 4 ноября 2012 16:15
  • Регистрация: 18.07.2011
  • ICQ: --
  • Комментариев: 268
Похоже все плюсы выставленные данной новости, не за работоспособность а за содержание новости.

+1

#5raler

  • 4 ноября 2012 16:39
  • Регистрация: 10.10.2012
  • ICQ: --
  • Комментариев: 7
попробуйте заменить условие на
$(window).scrollTop() + 10 >= ($(document).height() - ($(window).height()))

у меня все работает на 9.6, 9.7

0

#6(ppoe)

  • 4 ноября 2012 16:53
  • Регистрация: 8.12.2010
  • ICQ: 116205
  • Комментариев: 99
  • Выкл.
raler, не выходит

--------------------

0

#7jokerok

  • 4 ноября 2012 18:05
  • Регистрация: 6.12.2011
  • ICQ: --
  • Комментариев: 13
raler,
Можете пожалуйста немного модернизировать хак, чтобы над навигацией была кнопка "Показать еще новостей" и ajax работал только после нажатия на кнопку? Не все пользователи сайта одобряют автоподгрузку и хорошо бы дать им выбор - нажать на кнопку и смотреть посты по аяксу или не нажать и использовать классическую навигацию...

+3

#8jokerok

  • 4 ноября 2012 18:27
  • Регистрация: 6.12.2011
  • ICQ: --
  • Комментариев: 13
И реально ли сделать автопоявление новых постов без обновления страницы? Как вконтактах...

+1

#9249893

  • 4 ноября 2012 19:05
  • Регистрация: 14.09.2011
  • ICQ: 249893
  • Комментариев: 14
  • Выкл.
raler,
привет а можешь сделать так:

у меня стоит блок случайных новостей, чтоб пользователи нажимали на кнопку (ПОКАЗАТЬ ДРУГИЕ НОВОСТИ) и им показывались другие случайные новости?

0

#10crysnik

  • 4 ноября 2012 23:49
  • Регистрация: 15.06.2011
  • ICQ: 457450044
  • Комментариев: 22
  • Выкл.
просто на новых версиях DLE не [next-page][/next-page], а [next-link][/next-link]

0

#11vitnet

  • 5 ноября 2012 00:52
  • Регистрация: 18.09.2010
  • ICQ: 8060715
  • Комментариев: 304
И еще в место 3/4/5 и.т.д открывается 2-я страница

0

#12crysnik

  • 5 ноября 2012 02:15
  • Регистрация: 15.06.2011
  • ICQ: 457450044
  • Комментариев: 22
  • Выкл.
ага у меня почти тоже самое

0

#13Sinsei

  • 5 ноября 2012 06:40
  • Регистрация: 11.09.2011
  • ICQ: --
  • Комментариев: 32
  • Выкл.
<div id="ajax-next-page" style="display: none;">[next-link][/next-link]</div>
<script type="text/javascript">
$(function() {
$(window).scroll(function() {
if ($(window).scrollTop() > $('body').height()-$(window).height()-1) {
var nextPage = $('#ajax-next-page a').attr('href');
if (nextPage !== undefined) {
$.ajax({
url: nextPage,
success: function(data) {
$('#ajax-next-page').remove();
$('#dle-content').append($('#dle-content', data).html());
}
})
}
}
});
});
</script>


-1

#14raler

  • 5 ноября 2012 11:53
  • Регистрация: 10.10.2012
  • ICQ: --
  • Комментариев: 7
прошу прощения, да, надо [next-link] а не [next-page]

+1

#15victor200

  • 5 ноября 2012 12:25
  • Регистрация: 30.01.2010
  • ICQ: --
  • Комментариев: 145
  • Выкл.
Sinsei,
после вставки у меня поменялся шрифт

как изменить чтоб шрифт остался прежним.


Sinsei,
после вставки у меня поменялся шрифт
http://picbit.net/view/05112012/1352103464871.png
как изменить чтоб шрифт остался прежним.

-1

#16BR0kEN

  • 5 ноября 2012 13:18
  • Регистрация: 29.11.2009
  • ICQ: --
  • Комментариев: 255
Это не шрифт, а кодировка. Вторая строка .htaccess должна содержать: AddDefaultCharset windows-1251

--------------------

0

#17victor200

  • 5 ноября 2012 18:07
  • Регистрация: 30.01.2010
  • ICQ: --
  • Комментариев: 145
  • Выкл.
все равно так показывает http://picbit.net/view/05112012/1352124303895.png

0

#18raler

  • 5 ноября 2012 19:50
  • Регистрация: 10.10.2012
  • ICQ: --
  • Комментариев: 7
шаблон в windows-1251 сохрани.

0

#19vitnet

  • 5 ноября 2012 20:13
  • Регистрация: 18.09.2010
  • ICQ: 8060715
  • Комментариев: 304
raler,
Так как быть со страницами 3,4 и.т.д

0

#20CreativeBoy

  • 6 ноября 2012 23:36
  • Регистрация: 17.11.2011
  • ICQ: --
  • Комментариев: 15
Все работает (DLE 9.6) smile

0
1 2 3
Предыдущая    Следующая
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

SkripTers.biz - Снова с вами

https://culabra.ru — Блог вЭбмастЭра

DCOReARTs.COM - Услуги веб-дизайна и графики

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Наши баннеры
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Нужна ли категория "Интернет магазины"?

Да
Нет

Архив новостей
Апрель 2018 (367)
Март 2018 (498)
Февраль 2018 (409)
Январь 2018 (140)
Декабрь 2017 (26)
Ноябрь 2017 (7)

Последние комментарии:

  • Hosting Ukraine
  • Яндекс.Метрика

Искать людей

Ваши переписки