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

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Всё для вебмастера » Всё для 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
Просмотры: 7224 VIP ProWebber | Комментарии (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: --
  • Комментариев: 270
ShoMpeT,
у меня тоже не работает зато уже 15 плюсов к рейтингу публикации.

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

+1

#3Sibiriak

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

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

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

+1

#4Cresis

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

+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
  • Комментариев: 100
  • Выкл.
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: --
  • Комментариев: 149
  • Выкл.
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: --
  • Комментариев: 149
  • Выкл.
все равно так показывает 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
Предыдущая    Следующая
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

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

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

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

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

Искать людей

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