Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Хаки » Подгрузка контента аяксом

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


     02.04.2014    Все вопросы » Хаки    3154

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

<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>

5 комментариев

Slavchik
Юзер

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

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

kprod
Юзер

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

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

wzk
Юзер

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
Юзер

stopani - 20 мая 2014 11:26 -

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

Sokolov
Юзер

Sokolov - 12 апреля 2017 10:24 -

Помогите кто знает. Когда новости заканчиваются и после нажатия на кнопку "Показать еще", сайт начинает просто грузиться, и ничего не происходит. Можно как-то сделать, что когда новости заканчиваются, это кнопка пропадает?

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

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

наверх