Хак "показать еще" вместо страниц

tensey

:)
Прошёл марафон
Регистрация
10 Июл 2017
Сообщения
74
Реакции
44
Баллы
18
Вместо стандартной пагинации будет кнопка "показать еще", которая по нажатии аяксом подгрузит контент и добавит ниже основного
Открываем navigation.tpl
заменяем все на: (кому нужна старая пагинация просто вставьте ниже, или закомментируйте)

PHP:
<div class="pages" style="left: 0;right: 0;margin: 0 auto;width: 130px;">
    <a onclick="nextPage();" style="cursor: pointer;text-shadow:none;">
Показать еще</a></div><div id="next-page" style="display: none;">
[next-link][/next-link]</div>
затем открываем ваш JS файл со скриптами
вставляем в самый низ:
PHP:
function nextPage() { var nextPage = $('#next-page a').attr('href'); ShowLoading("");
if (nextPage !== undefined) { $.ajax({ url: nextPage, success: function(data)
{ $('.navigation').remove();$('#next-page').remove(); $('.pages').remove(); $('#next-page').remove(); HideLoading("");
$('.content').append($('.content', data).html()); } }) } };
где .content - блок с контентом, замените под свой шаблон.

P.S. Кому нужен стиль
в самый низ основного CSS вставьте

PHP:
.pages a {
background: linear-gradient(0deg, #f8f8f8 0%, #fff 100%);
padding: 5px 10px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
color: #181818;
border-radius: 5px;
border: 1px solid rgba(0,0,0,0.1);
}
 

onehd

Новичок
Регистрация
1 Апр 2017
Сообщения
177
Реакции
38
Баллы
28
как сделать чтобы не было кнопки еще, а подгружалось по мере прокрутки вниз новостей?
 
  • Like
Реакции: Den

valera676

Новичок
Регистрация
30 Июл 2017
Сообщения
1
Реакции
0
Баллы
1
Спасибл огромное
 

Den

Приватовец
Приватовец
VIP
Прошёл марафон
Регистрация
23 Фев 2017
Сообщения
1.076
Реакции
549
Баллы
113
Скрытый контент индексируется?
 

Frosty

Новичок
Регистрация
9 Июл 2017
Сообщения
76
Реакции
10
Баллы
8
Обратите внимание, что если вы хотите заключить сделку с этим пользователем, он заблокирован

Frosty

Новичок
Регистрация
9 Июл 2017
Сообщения
76
Реакции
10
Баллы
8
Обратите внимание, что если вы хотите заключить сделку с этим пользователем, он заблокирован
было бы не плохо так реализовать, будь добр сделай пожалуйста!
Попробуй

Код:
function nextPage() { var nextPage = $('#next-page a').attr('href'); ShowLoading("");
if (nextPage !== undefined) { $.ajax({ url: nextPage, success: function(data)
{ $('.navigation').remove();$('#next-page').remove(); $('.pages').remove(); $('#next-page').remove(); HideLoading("");
$('.content').append($('.content', data).html()); } }) } };
 

onehd

Новичок
Регистрация
1 Апр 2017
Сообщения
177
Реакции
38
Баллы
28
Попробуй

Код:
function nextPage() { var nextPage = $('#next-page a').attr('href'); ShowLoading("");
if (nextPage !== undefined) { $.ajax({ url: nextPage, success: function(data)
{ $('.navigation').remove();$('#next-page').remove(); $('.pages').remove(); $('#next-page').remove(); HideLoading("");
$('.content').append($('.content', data).html()); } }) } };
спасибо! попробуем)
 

redissx

Новичок
Регистрация
27 Мар 2017
Сообщения
159
Реакции
146
Баллы
43
как сделать чтобы не было кнопки еще, а подгружалось по мере прокрутки вниз новостей?
Вот, набросал на коленке, пробуйте.Кракозябры - это картинка закодированная. Жду отзывов :spiteful:
1. в navigation.tpl
Код:
<div id="bottom-nav">
    <div id="pagi-load">[next-link]Загрузить еще [/next-link]</div>
</div>
2. в css файл
Код:
#bottom-nav {opacity:0; clear:both;}
.loader {position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;
background:url('data:image/gif;base64,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');
background-size:300px auto; background-color:rgba(0,0,0,0.6); background-position:center center; background-repeat:no-repeat;}
3. в js файл
Код:
$(document).ready(function(){
    var load = $('#pagi-load'), flag = 0;
    $(window).scroll (function () {
        if ($(this).scrollTop() + $(this).height() + 50 > load.offset().top) {
            var urlNext = load.find('a').attr('href');
            if (urlNext !== undefined && flag == 0) {
                flag = 1;
                $.ajax({
                    url: urlNext,
                    beforeSend: function() {
                        ShowLoading1();
                    },             
                    success: function(data) {
                        $('#bottom-nav').remove();
                        $('#dle-content').append($('#dle-content', data).html()).after($('#bottom-nav'));
                        window.history.pushState("", "", urlNext);
                        HideLoading1();
                        flag = 0, load = $('#pagi-load');
                    }
                });
            } else {
                load.remove();
            };
        };
    });   
    function ShowLoading1() {
        $('body').append('<div class="loader"></div>');
    };
    function HideLoading1() {
        $('.loader').fadeOut(1000).delay(1000).queue(function() { $(this).remove(); });
    };
});
 

onehd

Новичок
Регистрация
1 Апр 2017
Сообщения
177
Реакции
38
Баллы
28
Вот, набросал на коленке, пробуйте.Кракозябры - это картинка закодированная. Жду отзывов :spiteful:
1. в navigation.tpl
Код:
<div id="bottom-nav">
    <div id="pagi-load">[next-link]Загрузить еще [/next-link]</div>
</div>
2. в css файл
Код:
#bottom-nav {opacity:0; clear:both;}
.loader {position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;
background:url('data:image/gif;base64,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');
background-size:300px auto; background-color:rgba(0,0,0,0.6); background-position:center center; background-repeat:no-repeat;}
3. в js файл
Код:
$(document).ready(function(){
    var load = $('#pagi-load'), flag = 0;
    $(window).scroll (function () {
        if ($(this).scrollTop() + $(this).height() + 50 > load.offset().top) {
            var urlNext = load.find('a').attr('href');
            if (urlNext !== undefined && flag == 0) {
                flag = 1;
                $.ajax({
                    url: urlNext,
                    beforeSend: function() {
                        ShowLoading1();
                    },            
                    success: function(data) {
                        $('#bottom-nav').remove();
                        $('#dle-content').append($('#dle-content', data).html()).after($('#bottom-nav'));
                        window.history.pushState("", "", urlNext);
                        HideLoading1();
                        flag = 0, load = $('#pagi-load');
                    }
                });
            } else {
                load.remove();
            };
        };
    });  
    function ShowLoading1() {
        $('body').append('<div class="loader"></div>');
    };
    function HideLoading1() {
        $('.loader').fadeOut(1000).delay(1000).queue(function() { $(this).remove(); });
    };
});
не пробовал, но спасибо огромное!
 
Сверху Снизу