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

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


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

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

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

progressive
Юзер

progressive - 6 декабря 2018 04:02 -

Пример хороший ну на 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

ravchik
Юзер

ravchik - 6 декабря 2018 08:02 -

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'));

progressive
Юзер

progressive - 6 декабря 2018 10:54 -

Теперь вот такая ошибка!
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

progressive
Юзер

progressive - 6 декабря 2018 11:03 -

добавил
include_once ENGINE_DIR . '/classes/plugins.class.php';
- заработало!

ravchik
Юзер

ravchik - 6 декабря 2018 11:21 -

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

progressive
Юзер

progressive - 6 декабря 2018 11:33 -

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 так?

ravchik
Юзер

ravchik - 6 декабря 2018 11:37 -

<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"> должен быть один, именно в нем меняются данные

progressive
Юзер

progressive - 6 декабря 2018 11:49 -

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

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

ravchik
Юзер

ravchik - 6 декабря 2018 11:51 -

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

Flash
Эксперт

progressive
Юзер

progressive - 7 декабря 2018 04:29 -

Подскажите как сделать?
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>

progressive
Юзер

progressive - 8 декабря 2018 11:59 -

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

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

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

наверх