Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Хаки Подгрузка контента аяксом

Подгрузка контента аяксом


     02.04.2014    Хаки    2367

вопрос
Есть такая подгрузка контента без обновения...

<center>
    <a onclick="nextPage(); return false;" class="bbcodes" id="nexts" style="cursor: pointer">
        Показать еще
    </a>
</center>
<br />

<div id="ajax-next-page" style="display: none;">
    [next-link][/next-link]
</div>

<script type="text/javascript">
function nextPage() {
var nextPage = $('#ajax-next-page a').attr('href') ? $('#ajax-next-page a').attr('href') : false;
ShowLoading("");
$('#nexts').hide();
if (nextPage != false) {
$.ajax({
url: nextPage,
success: function(data) {
$('#ajax-next-page').remove();
$('#next-page').remove();
HideLoading("");
$('#dle-content').append($('#dle-content', data).html());
var yopp = $('#ajax-next-page a').attr('href') ? $('#ajax-next-page a').attr('href') : false;
if(yopp==false) {
$('#nexts').hide();
}
}
});
}
};
    
</script>



Но она работает после нажатия на кнопку, как сделать, чтобы она нажималась автоматически при прокрутке до конца страницы?

Ответил: d1zzrap


А мне твой код как раз нужен...)
<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()-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>

Комментарии пользователей (4)

Slavchik
114 | 67

Slavchik - 2 апреля 2014 11:49 - Юзер

гугл на словосочетание Подгрузка страниц на Ajax много чего интересного выводит. посмотрите.

kprod
6

113 | 20

kprod - 2 апреля 2014 11:58 - Юзер

Если бы я нашел, я бы не спрашивал

wzk
1

11 | 4

wzk - 2 апреля 2014 19:56 - Юзер

В main.tpl перед </body> вставить
<script type="text/javascript"> $.ias({container : '#dle-content',item:'.item_p',pagination: '.page_navigation1',next: 'div#page_navigation1 a:last-child',loader: '<p><center><font color=green size=3><i> Подождите. Загружается следующая страница...</i></font></center></p>'});</script>

navigation.tpl сделать таким:

<div class="pager clrfix">
<div id="page_navigation1" class="page_navigation1">[next-link]Следующая[/next-link]</div>
</div>

почистить под свои нужны. взял со своего сайта.

stopani
2

114 | 21

stopani - 20 мая 2014 11:26 - Юзер

У меня почему-то подгружаемые новости накладываются на футер. В итоге футер оказывается всё выше и выше.
В чем проблема?

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы