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

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

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

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

вопрос

Можно ли сделать топ новостей с подгрузкой следующих? Топ выводится через 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, Помогите пожалуйста разобраться.

mondolfo | Шаблон waitlogin при авторизации через с ...

mondolfo
Шаблон waitlogin при авторизации через соцсеть?
Вчера, 01:31

/engine/modules/social.php
TeraMoune | Как изменить вывод custom по нескольким ... ¹¹

TeraMoune
Как изменить вывод custom по нескольким тегам?
28-10-2024, 01:05

Я же написал, продублирую: нужно использовать [[:punct:]]

И проблема в условии проверяющее версию mysql, можно поменять местами true и false, изменить знак меньше на больше или вовсе убрать код строки с version_compare и оставить ту строку кода $tempArray[] где используется [[:punct:]].

В статье также указано, что важно использовать экранирование, собственно, что и указано в методе по исправлению ошибки.
Статья по решению проблемы

Там у человека совершенно другое условие поиска. Он не теги ищет которые строго разделены запятыми, он просто слова ищет и ему как раз подойдёт граница слова. И это когда-то давно поиск был разделяя по границе слова, теперь есть character_class и используется другой метод. Но это не отменяет того, что вы нашли вопрос и решение которое никак не связано с темой новости поиска новостей с наличием тегов.
homa152 | Как изменить вывод custom по нескольким ... ¹¹

homa152
Как изменить вывод custom по нескольким тегам?
27-10-2024, 23:33

Если вы готовы предложить какое-то решение для исправление проблемы 3685, отлично. Иначе к сожалению на последних версиях MySQL хак не рабочий, согласно вашему трактату.
homa152 | Как изменить вывод custom по нескольким ... ¹¹

homa152
Как изменить вывод custom по нескольким тегам?
27-10-2024, 23:20

Я буквально 2 часа назад столкнулся с проблемами при установке этого хака, проблема была именно в ошибке 3685, сайт не просто переставал работать, использовалась стандартная заглушка при критических ошибках MySQL исправить получилось методом описанным выше, для версия до 8 хак работает исправно, но выше, требуется доработка, так как синтаксис считается ошибочным, вы можете проверить самостоятельно.

В статье также указано, что важно использовать экранирование, собственно, что и указано в методе по исправлению ошибки.
Статья по решению проблемы
TeraMoune | Как изменить вывод custom по нескольким ... ¹¹

TeraMoune
Как изменить вывод custom по нескольким тегам?
27-10-2024, 22:32

Напротив нужно использовать [[:punct:]] вместо скобок, про это написано в документации на которую вы ссылаетесь. А \b означает границу слова и не способен правильно отображать результаты. Граница слова это когда выражение будет находить отдельные слова. Например новость имеет теги (Социальная сеть, Блокировка) и tags REGEXP '\\b(сеть)\\b' найдёт новость с тегом Социальная сеть, а так же Рыбацкая сеть и в принципе найдёт все новости где присутствует слово "Сеть" и будет много лишних результатов, а не только нужные.

В хаке как раз присутствует проверка на старую версию и новую mysql и в каждом случае используется тот вариант который является валидным для используемой версии.
homa152 | Как изменить вывод custom по нескольким ... ¹¹
homa152
Как изменить вывод custom по нескольким тегам?
27-10-2024, 21:30
Добавлю касаемо обновления архитектуры MySQL
При добавлении хака с версии MySQL 8.0, возможно появление ошибки: 3685. Неверный аргумент для регулярного выражения.

Можно пофиксить самостоятельно внеся корректировки в сам хак из панели админа.

Строку:
```
$tempArray[] = "tags REGEXP '[[:<:]](" . $value  . ")[[:>:]]'";
```
Заменить на:
```
$tempArray[] = "tags REGEXP '\\\\b(" . $value  . ")\\\\b'";
```
Согласно справочному руководству MySQL 8.0 / ... / Регулярные выражения, «MySQL поддерживает регулярные выражения с помощью международных компонентов для Unicode (ICU)».

То есть, вместо "[[:<:]] и [[:>:]]", нужно использовать: "\b"
vitnet | Есть ли возможность изменить язык сайта? ¹

vitnet
Есть ли возможность изменить язык сайта?
25-10-2024, 16:22

Ну как вариант можно использовать тег {lang text=***} подробнее

{lang text="LANG_PARAMETER"}

Данный тег предназначен для вывода информации из языкового файла website.tpl, который в данный момент используется, где LANG_PARAMETER это значение параметра, который необходимо вывести. Например, тег {lang text="attach_images"} выведет надпись “Прикрепить изображения” из языкового пакета, в случае использования русского языка и если используется английский язык, то “Attach Images”
vitnet | Есть готовый модуль рейтинга комментарие ... ¹
vitnet
Есть готовый модуль рейтинга комментариев?
25-10-2024, 13:12
Вариант 1 (вручную)

1.0 Открываете файл engine/modules/show.full.php находите в нем
```
$where_approve . " ORDER BY " . PREFIX . "_comments.id " . $comm_msort;
```
И меняете здесь id на rating
Пример:
```
$where_approve . " ORDER BY " . PREFIX . "_comments.rating " . $comm_msort;
```
2.0 Затем переходите в админку /admin.php?mod=options&action=syscon --> Настройки комментариев --> Порядок сортировки комментариев --> По убыванию

2.1 Далее --> Тип рейтинга комментариев выставляете "Нравится или Не нравится"

Готово!

Вариант 2 (плагин)
Для просмотра содержимого спойлера, перейдите к выбранному событию.

Graf | Как сделать аякс кнопку "загрузить еще"? ²

Graf
Как сделать аякс кнопку "загрузить еще"?
23-10-2024, 16:03

Вот рабочий пример со скрытие пагинатора и кнопки.
Полный код файла navigation.tpl

[not-available=userinfo]
<div class="nav-load" id="nav-load">[next-link]Загрузить еще[/next-link]</div>

<nav class="navigation"[available=lastcomments] style="padding: 4% 8%;"[/available]>
	<div class="page_next-prev">
		<span class="page_prev" title="Предыдущая страница">
			[prev-link]<svg class="icon icon-left"><use xlink:href="#icon-left"></use></svg>[/prev-link]
		</span>
		<span class="page_next" title="Следующая страница">
			[next-link]<svg class="icon icon-right"><use xlink:href="#icon-right"></use></svg>[/next-link]
		</span>
	</div>
	<ul class="pagination">
		{pages}
	</ul>
</nav>
<script type="text/javascript">
$(document).ready(function(){
    
         $('body').on('click','#nav-load a',function(){
        var urlNext = $(this).attr('href');
        var scrollNext = $(this).offset().top - 200;
        if (urlNext !== undefined) {
            $.ajax({
                url: urlNext,
                beforeSend: function() {
                    ShowLoading('');
                },            
                success: function(data) {
                    $('.navigation').remove();
                    $('#nav-load').remove();
                    $('#dle-content').append($('#dle-content', data).html());
                    $('#dle-content').after($('#bottom-nav'));
                    window.history.pushState("", "", urlNext);
                    $('html, body').animate({scrollTop:scrollNext}, 800);    
                    HideLoading('');
                },
                  error: function() {                
                    HideLoading('');
                    alert('что-то пошло не так');
                  }
            });
        };
        return false;
    });
    
});
</script>
[/not-available]

vitnet | Как перенести категории в DLE? ²

vitnet
Как перенести категории в DLE?
22-10-2024, 11:30

Для начала проверьте наличие файла /engine/cache/system/category.php и если он был до замены БД то удалите его а ещё лучше очистить кеш.

наверх

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

Ответил: PunPun

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

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

Разное количество новостей для { content } или панель навигации для тега { custom }

Смена новостей по клику

Вывод комментрий пользователя в профиль userunfo

Стиль для ленты новостей

Похожие материалы

Подскажите как сделать через {custom} вывод добавляемых новостей на главной

Как сделать табовый блок новостей?

Как реализовать вывод custom за определенную дату с построением по рейтингу?

Как сделать обновление новостей с выводом через custom ?

Как реализовать подгрузку новостей на главной?