Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Помогите с ajax подгрузкай новостей

Тема в разделе "Вопросы- ответы", создана пользователем Winston?!, 20 апр 2017.

20.04.17 в 07:53
20.06.17 в 06:51
10
1.141
0
  1. TopicStarter Overlay
    Winston?!

    VIP Кинотрафик v2

    Регистрация:
    31 дек 2016
    Сообщения:
    1.230
    Лучших ответов:
    2
    Рейтинги:
    +94 / 11 / -0
    На сайте контент выводится с помощью custom. При такой реализации вывода новостей возможно сделать кнопку подгрузки новостей (на подобии "Добавить еще") при нажатии на которую добавятся еще новости??
     
  2. byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.204 / 74 / -0
    можно! какие варианты пробовал? или ни один из тех кто есть не работает?
     
    • Нравится Нравится x 1
  3. TopicStarter Overlay
    Winston?!

    VIP Кинотрафик v2

    Регистрация:
    31 дек 2016
    Сообщения:
    1.230
    Лучших ответов:
    2
    Рейтинги:
    +94 / 11 / -0
    Пробовал вариант от сандера, но там не так реализовано и работает туго
     
  4. byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.204 / 74 / -0
    т.е. не ТАК и ТУГО?
     
    • Нравится Нравится x 1
  5. TopicStarter Overlay
    Winston?!

    VIP Кинотрафик v2

    Регистрация:
    31 дек 2016
    Сообщения:
    1.230
    Лучших ответов:
    2
    Рейтинги:
    +94 / 11 / -0
    Подтормаживало и было сделано не на ajax

    Контент не подгружался ниже а перелистывалась станица без обновления страницы

    Вот такую реализацию хотелось бы
     
    #5 Winston?!, 20 апр 2017
    Последнее редактирование модератором: 20 апр 2017
  6. byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.204 / 74 / -0
    @Winston?!, в шаблоне redfilm реализовано так:
    это в js файл
    Код:
    .on('click', '.navigation-button a', function() {
        var nextBtn = $(this),
        nextPage = $(this).attr('href');
        if( !$(this).attr('id') && !$(this).attr('onclick') ) {
            nextBtn.css({'text-indent':'-9999px'}).animate({height:3,backgroundColor:'#eee',border:0,width:'100%'},'fast',function(){
                $(this).append('<span></span>').children('span').animate({width:'50%'},'slow');
                if ( nextPage ) {
                    $.get(nextPage,{},function(data){
                        nextBtn.children('span').animate({width:'100%'},'slow',function(){
                            $($('#dle-content').length>0?'#dle-content':'#content').append($('.shortfilm', data)).append($('#navigation', data));
                            if($('.shortfilm.always-open').length>0) {
                                $('.shortfilm .always .fa').removeClass('fa-circle').addClass('fa-check-circle');
                                $('.shortfilm').addClass('always-open');
                            }
                            nextBtn.parents('#navigation').remove();
                        });
                    });
                }
            });
            return false;
        }
    })
    это navigation.tpl
    HTML:
    <div id="navigation">
        <div class="clr"></div>
        [not-aviable=search]
        <div class="navigation-button">
            [next-link]Показать еще <i class="fa fa-angle-double-down right"></i>[/next-link]
        </div>
        [/not-aviable]
        [aviable=search]
        <div align="center">
            <div class="navigation-button" style="display:inline-block">
                [prev-link]<i class="fa fa-angle-double-left left"></i> Предыдущие[/prev-link]
            </div>
            <div class="navigation-button" style="display:inline-block">
                [next-link]Следующие <i class="fa fa-angle-double-right right"></i>[/next-link]
            </div>
        </div>
        [/aviable]
    </div>
    
    это shortstory.tpl
    HTML:
    <div class="item shortfilm">
        <div class="poster">
            <img src="{image-1}" alt="{title}" />
            <div class="overlap">
                <i class="fa fa-play-circle"></i>
                <i class="fa fa-info-circle"></i>
                <span class="always"><i class="fa fa-circle"></i> открывать всегда</span>
            </div>
            <div class="about">
                <div class="title">
                    [xfgiven_year]<span>[xfvalue_year]</span>[/xfgiven_year]
                    {title}
                </div>
                <div class="genre">{category}</div>
                <div class="text">
                    {short-story limit="300"}...
                </div>
            </div>
        </div>
        <div class="info">
            <div class="title">
                <a href="{full-link}" class="title" title="{title}">{title}</a>
            </div>
            <div class="year" title="[xfgiven_year][xfvalue_year][xfgiven_country], [/xfgiven_country][/xfgiven_year][xfgiven_country][xfvalue_country][/xfgiven_country]">
                [xfgiven_kinopoisk]<span><i class="fa fa-star-o"></i> [xfvalue_kinopoisk]</span>[/xfgiven_kinopoisk]
                [xfgiven_year][xfvalue_year][xfgiven_country], [/xfgiven_country][/xfgiven_year][xfgiven_country][xfvalue_country][/xfgiven_country]
            </div>
            <div class="genre" title="{category}">
                {link-category}
            </div>
        </div>
    </div>
    
    думаю по аналогии если сделать - должно будет получиться :)
     
  7. TopicStarter Overlay
    Winston?!

    VIP Кинотрафик v2

    Регистрация:
    31 дек 2016
    Сообщения:
    1.230
    Лучших ответов:
    2
    Рейтинги:
    +94 / 11 / -0
    скрипт можно же в любой js файл добавить?
     
  8. byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.204 / 74 / -0
    да, в любой который загружается на странице
     
  9. TopicStarter Overlay
    Winston?!

    VIP Кинотрафик v2

    Регистрация:
    31 дек 2016
    Сообщения:
    1.230
    Лучших ответов:
    2
    Рейтинги:
    +94 / 11 / -0
    @byroot не подскажешь как сделать, чтобы контент на странице не сразу загружался, а постепенно (при скроллинге). Пример - https://lifehacker.ru/
     
  10. byroot

    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    12.297
    Лучших ответов:
    54
    Рейтинги:
    +5.204 / 74 / -0
    на сайте только картинки загружаются постепенно, обычно это делается скриптом lazyload (но есть наверное и другие скрипты для этого).
     
    • Нравится Нравится x 1
  11. TopicStarter Overlay
    Winston?!

    VIP Кинотрафик v2

    Регистрация:
    31 дек 2016
    Сообщения:
    1.230
    Лучших ответов:
    2
    Рейтинги:
    +94 / 11 / -0
    От души) И снова спасибо :)
     
Похожие темы
  1. Avenger
    Ответов:
    10
    Просмотров:
    2.130
  2. Winston?!
    Ответов:
    36
    Просмотров:
    4.112
  3. baykanur
    Ответов:
    2
    Просмотров:
    1.320
Загрузка...
Яндекс.Метрика