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

DLE FAQ » Все вопросы » Общие вопросы » Можно ли сделать топ новостей с подгрузкой следующих?

Можно ли сделать топ новостей с подгрузкой следующих?

zip 18.02.2016 Все вопросы » Общие вопросы 1957

вопрос

Можно ли сделать топ новостей с подгрузкой следующих? Топ выводится через custom. Сделать кнопочку при нажатии которой бы подгружались следующие новости. Можно ли такое реализовать? если да, то как?

Ответил: PunPun

http://sandev.pro/web/55-ajax-navigaciya-v-tege-custom-realizaciya.html

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

Юзер

141

zip - 2016-01-1718 февраля 2016 19:37 - #52957

Спасибо, но там постраничная навигация. А как сделать кнопку, например показать еще?

Юзер

376

pavel31 - 2016-01-1718 февраля 2016 22:49 - #52959

А что Вам мешает это сделать так же, как это сделано в модуле Fast PM или вы совсем не разбираетесь в php и javascript??

Юзер

141

zip - 2016-01-1718 февраля 2016 23:55 - #52960

pavel31, Если я бы разбирался, то не писал бы сюда. В общем попробовал внедрить такой вот код:

<script language="javascript" type="text/javascript">
    var lastExtNewsUrl = "";
    var lastExtNewsPage = 0;
    var mainClassNewsNavigation = "navigation"; // navigation.tpl - название класса основного элемента
    function loadExtNews(){
        
        if( lastExtNewsUrl )
            {
                var url = lastExtNewsUrl.replace( "/page/" + lastExtNewsPage, "/page/" + ( lastExtNewsPage + 1 ) ) + "";
                lastExtNewsPage++;
            }
                else
            {
                var url = location.href;
                url = url.replace( new RegExp( "#(.*)", "g" ), "" ) + "";
                
                var RegExpC = new RegExp( "/page/([0-9]+)", "g" );
                if( url.match( RegExpC ) )
                    {
                        var page = url.match( /page\/[0-9]{1,50}/ ) + "";
                        page = parseInt( page.match( /[0-9]{1,50}/ ) );
                        var newPage = page + 1;
                        url = url.replace( "/page/" + page, "/page/" + newPage ) + "";
                        lastExtNewsPage = newPage;
                    }
                        else
                    {
                        url = url + "page/2/";
                        lastExtNewsPage = 2;
                    }
            }
        
        lastExtNewsUrl = url;
        
        $( "#dle-content ." + mainClassNewsNavigation + " a" ).html( "<span>Идёт загрузка...</span>" );
        
        $.ajax({
            url: url,
            data: "",
            success: function( data ){
                var parser = new DOMParser();
                var doc = parser.parseFromString( data, "text/html" );
                $( "#dle-content ." + mainClassNewsNavigation ).remove();
                $( "#dle-content" ).html( $( "#dle-content" ).html() + doc.getElementById( "dle-content" ).innerHTML );                    
                $( "#dle-content ." + mainClassNewsNavigation ).html( "<a href=\"#\" onclick=\"loadExtNews(); return false;\" class=\"loadExtNews\"><span>Загрузить ещё</span></a>" );
                
                history.pushState( {}, "", lastExtNewsUrl );
            },
            error: function( xhr, ajaxOptions, thrownError ){
                // Можно по номеру ошибки определять, но в любом случае ответ не тот, показывать нечего, страхуемся )))
                $( "#dle-content ." + mainClassNewsNavigation ).html( "<a href=\"#\" onclick=\"return false;\" class=\"loadExtNews\"><span>Новостей больше нет</span></a>" );
            },
            dataType: "html",
            type: "POST"
        });
    }
    $( document ).ready(
        function(){
            $( "#dle-content ." + mainClassNewsNavigation ).html( "<a href=\"#\" onclick=\"loadExtNews(); return false;\" class=\"loadExtNews\"><span>Загрузить ещё</span></a>" );
        }
    );
</script>

<div class="navigation" align="center" ><div class="prev">[prev-link]Предыдущая[/prev-link]</div> {pages} <div class="next">[next-link]Следующая[/next-link]</div></div>

Но, он почему-то не работает. Только в lastnews и на основных новостях, хотя этот код у меня стоит на другом сайте и все там работает. Даже не знаю, как можно еще сделать.

Юзер

376

pavel31 - 2016-01-1719 февраля 2016 00:37 - #52961

Попробуйте сделать так:


<?php
$perpage = 10; // количество выводимых новостей
$cstart = intval($_POST['page']);
if($cstart<0) $cstart = 0;
$perpage = $perpage * $cstart;

// LIMIT в Sql запросе
$limit = "LIMIT {$cstart},{$perpage}";

// счетчик страниц
$count = $db->super_query("SELECT count(*) as count FROM ".USERPREFIX."_pm"); 
if($count['count'] > $perpage) {
    // вывод кнопки Показать ещё
    $navigation .= "\n<a href=\"#\" onclick=\"more_content();return false;\">Показать еще</a>";
    // в переменной $navigation будет хранится кнопка Показать ещё
}
?>

<script type="text/javascript">
// сброс на начальную страницу
var page = 0;
// функция Показать ещё
function more_content(){
    // переходим на новую страницу
    page += 1;
    $.post(dle_root+"engine/ajax/main.php",{page:page},function(data){
        $(".content").html(data); // копируем контент из файла main.php в класс content
    });
}
// В класс content будет выведен контент из ajax файла main.php
</script>

Таблицу базы данных, классы стилей, название кнопки и количество выводимых страниц можно заменить на свои.

Юзер

141

zip - 2016-01-1719 февраля 2016 00:45 - #52962

Может, что-то не так делаю. Но, так тоже не получается.

Юзер

141

zip - 2016-01-1719 февраля 2016 14:19 - #52973

В Боковой колонке, ни как не хочет работать.

Юзер

141

zip - 2016-01-1719 февраля 2016 14:35 - #52974

В файле custom_navigation.php уже ведь прописана постраничная навигация, т.к она отличается от той, что на сайте. И поэтому ни как не меняется. Нельзя ли просто в этом файле, заменить код на нужный?

Я просто не знаю, как это сделать.

Юзер

141

zip - 2016-01-1719 февраля 2016 16:56 - #52980

Неужели это такая трудная задача, что ни кто не может помочь?

в custom_navigation.php заменил на код:

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

<center><a onclick="nextPage(); return false;" class="bbcodes" style="cursor: pointer">Показать еще</a></center><br /> <div id="ajax-next-page" style="display: none;">[next-link][/next-link]</div>

загрузка идет, но бесконечная. грузится и грузится, как будто зависает. Этот код помню работал на старых версиях DLE а здесь 10.6 и видимо здесь, не работает. Даже не знаю, что делать.

PHP-developer

1696

LazyDev - 2016-01-1719 февраля 2016 17:08 - #52982

zip, вы слишком требовательны.

Мой блог: LazyDev.pro

Помогаю с решением проблем на платной основе.

Юзер

376

pavel31 - 2016-01-1720 февраля 2016 01:18 - #53007

zip,
Я сделал так:
PHP файлы модуля

Код javascript


var page = 0;
function more_content(){
    page += 1;
    $.get(dle_root+"engine/ajax/topnews.php",{page:page},function(data){
        $(".content").html(data);
    });
}

Java код вставьте в любой js файла в Вашем шаблоне

Код файла topnews.tpl оберните тегом <div>


<div class="content">
    код файла topnews.tpl
</div>

PHP файлы распакуйте в корневой каталог Вашего сайта
Если все сделаете правильно должно все заработать :)
Если будут проблемы с кодом пишите - помогу.

Юзер

141

zip - 2016-01-1720 февраля 2016 09:26 - #53014

Оказывается я ошибся это не topnews а лента новостей.

Вывод сделал так:

  <div id="custom-ajax-test">
    {custom template="shortstory-newsblock" category="2" from="0" limit="5" idblock="custom-ajax-test"}
    {include file="engine/modules/custom_navigation.php?id=custom-ajax-test"}
   </div>

Как и мне предложили сделать.

Юзер

141

zip - 2016-01-1720 февраля 2016 09:26 - #53015

Дальше я попробовал внедрить в main.tpl такой код:

    [aviable=main|cat|lastnews]
<script language="javascript" type="text/javascript">
    var lastExtNewsUrl = "";
    var lastExtNewsPage = 0;
    var mainClassNewsNavigation = "navigation"; // navigation.tpl - название класса основного элемента
    function loadExtNews(){
        
        if( lastExtNewsUrl )
            {
                var url = lastExtNewsUrl.replace( "/page/" + lastExtNewsPage, "/page/" + ( lastExtNewsPage + 1 ) ) + "";
                lastExtNewsPage++;
            }
                else
            {
                var url = location.href;
                url = url.replace( new RegExp( "#(.*)", "g" ), "" ) + "";
                
                var RegExpC = new RegExp( "/page/([0-9]+)", "g" );
                if( url.match( RegExpC ) )
                    {
                        var page = url.match( /page\/[0-9]{1,50}/ ) + "";
                        page = parseInt( page.match( /[0-9]{1,50}/ ) );
                        var newPage = page + 1;
                        url = url.replace( "/page/" + page, "/page/" + newPage ) + "";
                        lastExtNewsPage = newPage;
                    }
                        else
                    {
                        url = url + "page/2/";
                        lastExtNewsPage = 2;
                    }
            }
        
        lastExtNewsUrl = url;
        
        $( "#dle-content ." + mainClassNewsNavigation + " a" ).html( "<span>Идёт загрузка...</span>" );
        
        $.ajax({
            url: url,
            data: "",
            success: function( data ){
                var parser = new DOMParser();
                var doc = parser.parseFromString( data, "text/html" );
                $( "#dle-content ." + mainClassNewsNavigation ).remove();
                $( "#dle-content" ).html( $( "#dle-content" ).html() + doc.getElementById( "dle-content" ).innerHTML );                    
                $( "#dle-content ." + mainClassNewsNavigation ).html( "<a href=\"#\" onclick=\"loadExtNews(); return false;\" class=\"loadExtNews\"><span>Загрузить ещё</span></a>" );
                
                history.pushState( {}, "", lastExtNewsUrl );
            },
            error: function( xhr, ajaxOptions, thrownError ){
                // Можно по номеру ошибки определять, но в любом случае ответ не тот, показывать нечего, страхуемся )))
                $( "#dle-content ." + mainClassNewsNavigation ).html( "<a href=\"#\" onclick=\"return false;\" class=\"loadExtNews\"><span>Новостей больше нет</span></a>" );
            },
            dataType: "html",
            type: "POST"
        });
    }
    $( document ).ready(
        function(){
            $( "#dle-content ." + mainClassNewsNavigation ).html( "<a href=\"#\" onclick=\"loadExtNews(); return false;\" class=\"loadExtNews\"><span>Загрузить ещё</span></a>" );
        }
    );
</script>
[/aviable]

Юзер

141

zip - 2016-01-1720 февраля 2016 09:27 - #53016

Но, опять ничего не вышло, постраничная навигация не изменилась на кнопочку показать еще.

Сделал, как вы написали, но тоже безрезультатно, видимо из-за того что ы делали для topnews.

Помогите разобраться буду очень признателен.

Юзер

141

zip - 2016-01-1720 февраля 2016 09:29 - #53018

вот картинка

Юзер

141

zip - 2016-01-1720 февраля 2016 22:17 - #53032

Сделал как Вы сказали, и в коде заменил на template="topnews"

<div id="custom-ajax-test">
    {custom template="topnews" category="2" from="0" limit="5" idblock="custom-ajax-test"}
    {include file="engine/modules/custom_navigation.php?id=custom-ajax-test"}
   </div>

И все равно ничего не изменилось (

Юзер

141

zip - 2016-01-1723 февраля 2016 17:31 - #53088

pavel31, Помогите пожалуйста разобраться.

Sud3n | Как решить проблему индексации DLE в пои ... ³

Sud3n
Как решить проблему индексации DLE в поиске Bing?
Сегодня, 20:44

Ошибка, если посмотреть есть ли страничка в индексе
Но версия DLE у меня старая, сомневаюсь, что дело в версии
Sud3n | Как решить проблему индексации DLE в пои ... ³

Sud3n
Как решить проблему индексации DLE в поиске Bing?
Сегодня, 20:42

У меня почему-то Bing вообще не индексирует сайт после добавления в Вебмастер
non-stop | Как решить проблему индексации DLE в пои ... ³

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***