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

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

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

progressive 05.12.2018 Ajax, javascript, bootstrap, dle 13.1, dle Общие вопросы, jQuery, Хаки 1904

вопрос

Не знаю как сделать...
Нужно что бы другие вкладки не грузили новости, пока не переключится на них!
И подрузка новостей из других вкладках только была когда переключавшийся на вкладку!
Помогите пожалуйста! а то сайт очень нагружается, и при заходе на сайт долго загружается, потому что из каждой вкладки идет загрузка, более 50-60 новостей!

$(function() {
$('ul.tabs_caption').on('click', 'li:not(.active)', function() {
$(this).addClass('active').siblings().removeClass('active').closest('div.tabs').children('div.tabs_content').removeClass('active').eq($(this).index()).addClass('active');
});
});

    <div class="tabs">
        <ul class="tabs__caption" id="nav_btns">
            <li class="active">
                <div class="btn_selection"><span>Меню 1</span></div>
            </li>
            <li>
                <div class="btn_selection"><span>Меню 2</span></div>
            </li>
            <li>
                <div class="btn_selection"><span>Меню 3</span></div>
            </li>
            <li>
                <div class="btn_selection"><span>Меню 4</span></div>
            </li>
            <li>
                <div class="btn_selection"><span>Меню 5</span></div>
            </li>
            <li>
                <div class="btn_selection"><span>Меню 6</span></div>
            </li>
        </ul>
        <div class="tabs__content active">
            {custom category="8-11" template="shortstory" order="date" sort="asc" cache="yes" limit="1000"}
        </div>
        <div class="tabs__content">
            {custom category="8" template="shortstory" order="date" sort="asc" cache="yes" limit="1000"}
        </div>
        <div class="tabs__content">
            {custom category="9" template="shortstory" order="date" sort="asc" cache="yes" limit="1000"}
        </div>
        <div class="tabs__content">
            {custom category="10" template="shortstory" order="date" sort="asc" cache="yes" limit="1000"}
        </div>
        <div class="tabs__content">
            {custom category="11" template="shortstory" order="date" sort="asc" cache="yes" limit="1000"}
        </div>
        <div class="tabs__content">
            {custom category="7" template="shortstory" order="date" sort="asc" cache="yes" limit="1000"}
        </div>
    </div>

Ответил: maks

http://zerocoolpro.biz/forum/threads/ajax-podgruzka-custom-v-nuzhnyj-blok.10880/

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

Юзер

173

progressive - 2018-10-046 декабря 2018 04:02 - #70197

Пример хороший ну на DLE 13 ошибки....

У меня ошибки на DLE 13.1 когда переключаюсь по табам, как исправить?

Fatal error: Uncaught Error: Class 'DLEPlugins' not found in /home/users/b/1/domains/site/engine/classes/templates.class.php:24 Stack trace: #0 /home/users/b/1/domains/site/engine/ajax/custom.php(16): require_once() #1 {main} thrown in /home/users/b/1/domains/site/engine/classes/templates.class.php on line 24
Fatal error: Uncaught Error: Class 'DLEPlugins' not found in /home/users/b/1n/domains/site/engine/classes/templates.class.php:24 Stack trace: #0 /home/users/b/1/domains/site/engine/ajax/custom.php(16): require_once() #1 {main} thrown in /home/users/b/1/domains/site/engine/classes/templates.class.php on line 24
Fatal error: Uncaught Error: Class 'DLEPlugins' not found in /home/users/b/1/domains/site/engine/classes/templates.class.php:24 Stack trace: #0 /home/users/b/1/domains/site/engine/ajax/custom.php(16): require_once() #1 {main} thrown in /home/users/b/1/domains/site/engine/classes/templates.class.php on line 24

Юзер

453

ravchik - 2018-10-046 декабря 2018 08:02 - #70199

require_once ENGINE_DIR . '/modules/functions.php';
require_once ENGINE_DIR . '/classes/templates.class.php';

Заменить на

include_once (DLEPlugins::Check(ENGINE_DIR . '/modules/functions.php'));
include_once (DLEPlugins::Check(ENGINE_DIR . '/classes/templates.class.php'));

Юзер

173

progressive - 2018-10-046 декабря 2018 10:54 - #70203

Теперь вот такая ошибка!

Fatal error: Uncaught Error: Class 'DLEPlugins' not found in /engine/ajax/custom.php:15 Stack trace: #0 {main} thrown in /engine/ajax/custom.php on line 15
Fatal error: Uncaught Error: Class 'DLEPlugins' not found in /engine/ajax/custom.php:15 Stack trace: #0 {main} thrown in /engine/ajax/custom.php on line 15
Fatal error: Uncaught Error: Class 'DLEPlugins' not found in /engine/ajax/custom.php:15 Stack trace: #0 {main} thrown in /engine/ajax/custom.php on line 15

Юзер

173

progressive - 2018-10-046 декабря 2018 11:03 - #70204

добавил

include_once ENGINE_DIR . '/classes/plugins.class.php';

- заработало!

Юзер

453

ravchik - 2018-10-046 декабря 2018 11:21 - #70205

да, этот момент чет пропустил )

Юзер

173

progressive - 2018-10-046 декабря 2018 11:33 - #70206

require_once ENGINE_DIR . '/modules/functions.php';
require_once ENGINE_DIR . '/classes/templates.class.php';

Заменить на

include_once (DLEPlugins::Check(ENGINE_DIR . '/modules/functions.php'));
include_once (DLEPlugins::Check(ENGINE_DIR . '/classes/templates.class.php'));

И добавил

include_once ENGINE_DIR . '/classes/plugins.class.php';

в main.tpl

<span data-ajaxc="custom category='1' template='shortstory'">Таб 0</span>
<span data-ajaxc="custom category='2' template='shortstory'">Таб 1</span>
<span data-ajaxc="custom category='3' template='shortstory'">Таб 2</span>
<div data-trigercajax="set">{custom category="1" template="shortstory" sort="asc" limit="1000"}</div>
<div data-trigercajax="set">{custom category="2" template="shortstory" sort="asc" limit="1000"}</div>
<div data-trigercajax="set">{custom category="3" template="shortstory" sort="asc" limit="1000"}</div>

Ну при этом загружает с всех табов новости - без изминений!
По идеи, при исходном коде странице там не должны показываться новости из других табов, я правильно понимаю?
А должно только показывается новости Таб 0 изначальной страници загрузки так? пока не перейдешь в другой Таб 1... в Исходном коде страници тогда только появится еще дополнительные новости из Таб 1 так?

Юзер

453

ravchik - 2018-10-046 декабря 2018 11:37 - #70207

<span data-ajaxc="custom category='1' template='shortstory'">Таб 0</span>
<span data-ajaxc="custom category='2' template='shortstory'">Таб 1</span>
<span data-ajaxc="custom category='3' template='shortstory'">Таб 2</span>
<div data-trigercajax="set">{custom category="1" template="shortstory" sort="asc" limit="1000"}</div>

<div data-trigercajax="set"> должен быть один, именно в нем меняются данные

Юзер

173

progressive - 2018-10-046 декабря 2018 11:49 - #70208

Спасибо! Работает а как сделать подргузку еще новостей ниже когда спускаешь страницу
лимит новостей, limit="12" а в категории более 50 новостей!

Что бы показывалось по 12 новостей, можно сделать при прокрутки, а можно с помощью кнопки "Показать еще" - Мне всеровно))) как сделать?

Юзер

453

ravchik - 2018-10-046 декабря 2018 11:51 - #70209

без понятия... спросите у автора хака (PunPun)

Эксперт

247

Flash - 2018-10-046 декабря 2018 13:26 - #70213

Можно как тут - https://dle-faq.ru/faq/tpl/25037-kak-sdelat-pri-nazhatii-knopki-vyvod-vseh-novostey.html

Бесплатные шаблоны

Юзер

173

progressive - 2018-10-047 декабря 2018 04:29 - #70224

Подскажите как сделать?
1. Не могу понять как сделать у Категория 3 что бы показывались Под. Категории, 5 шт
А когда переключаешся на другую категорию эти подкатегории не отоброжались что бы а именно показывались когда переключаешся Категория 3

2. Так же сейчас не отображаются общии новости с Категория 2, Категория 3 когда переключаешся.

3. И когда переключаешся по категориям потом не показывает в Категории 1 - кнопку ПОКАЗАТЬ ВСЕ

Пытаюсь подружить с Navs Bootstrap данный хак, что то не получается...
За помощь 300 руб на счёт кину!

<ul class="tabs_caption" data-animated="bounceIn" id="nav_btns">
<li class="active"><div class="btn_selection" data-ajaxc="custom category='6' template='shortstory' order='title' sort='desc'"><span>Под. Категория 1</span></div></li>
<li><div class="btn_selection" data-ajaxc="custom category='7' template='shortstory' order='title' sort='desc'"><span>Под. Категория 2</span></div></li>
<li><div class="btn_selection" data-ajaxc="custom category='8' template='shortstory' order='title' sort='desc'"><span>Под. Категория 3</span></div></li>
<li><div class="btn_selection" data-ajaxc="custom category='9' template='shortstory' order='title' sort='desc'"><span>Под. Категория 4</span></div></li>
<li><div class="btn_selection" data-ajaxc="custom category='10' template='shortstory' order='title' sort='desc'"><span>Под. Категория 5</span></div></li>
</ul>

<div class="tabs">    
<ul class="tabs_caption" id="nav_btns">
<li class="active"><div class="btn_selection" data-ajaxc="custom category='1' template='shortstory' order='title' sort='desc'"><span>Категория 1</span></div></li>
<li><div class="btn_selection" data-ajaxc="custom category='4' template='shortstory' order='title' sort='desc'"><span>Категория 2</span></div></li>
<li><div class="btn_selection" data-ajaxc="custom category='6,7,8,9,10' template='shortstory' order='title' sort='desc'"><span>Категория 3</span></div></li>
</ul>        
<div class="tabs_content active">
<h1>Популярные</h1>
<div class="tabs">
<ul class="tabs_caption" data-animated="bounceIn" id="nav_btns">
<li class="active"><div class="btn_selection" data-ajaxc="custom category='1' template='shortstory' order='title' sort='desc'"><span>Под. Категория 1</span></div></li>
<li><div class="btn_selection" data-ajaxc="custom category='2' template='shortstory' order='title' sort='desc'"><span>Под. Категория 2</span></div></li>
<li><div class="btn_selection" data-ajaxc="custom category='3' template='shortstory' order='title' sort='desc'"><span>Под. Категория 3</span></div></li>
</ul>       
<div data-trigercajax="set">
<div class="block">{custom category="1" template="shortstory" order="title" sort="desc" cache="yes" limit="12"}</div>
<button style="width: 100%;margin-top: 10px;" data-animated="bounceIn" data-show-ajax=".block1">ПОКАЗАТЬ ВСЕ</button>
<div class="block1" style="display:none">
{custom category="1" template="shortstory" order="title" sort="desc" cache="yes" from="12"}
</div></div>   
</div></div>
</div>

Юзер

173

progressive - 2018-10-048 декабря 2018 11:59 - #70231

что не кто не подскажит?