Хаки и Скрипты Next Generation CMS : JS, Интерфейс : Подгрузка новостей как ВКонтакте

irbees2008 Опубликовано - 24 - сентября JS

Адаптировал: irbees2008
Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
Демо:

Подгрузка новостей как ВКонтакте .

Открываем файл "pages.tpl" в вашем шаблоне. Вставляем в самый низ следующий код:

Код:

<div id="ajax-next-page" style="display: none;">[next-link][/next-link]</div>
<script type="text/javascript">
    $(function() {
        $(window).scroll(function() {
            if ($(window).scrollTop() > $('body').height()-$(window).height()-10) {
                var nextPage = $('#ajax-next-page a').attr('href');
                if (nextPage !== undefined) {
                    $.ajax({
                        url: nextPage,
                        success: function(data) {
                            $('#ajax-next-page').remove();
                            $('#id вашего блока').append($('#id вашего блока', data).html());
                        }
                    })
                }
            }
        });
    });
</script>

ВНИМАНИЕ! Не нужно заменять имеющийся код. Нужно вставить в самый низ.
Исправляем только"id вашего блока" изменяем на id блока с новостями
Сохраняем.
У меня получилось примерно так в pages.tpl

Код:

<div class="dpad">
	 
	<div id="pagenav">
<h4>[prev-link]«[/prev-link]
		{pages}
[next-link]»[/next-link] </h4>
		</div>
</div>

<div id="ajax-next-page" style="display: none;">[next-link][/next-link]</div>
<script type="text/javascript">
    $(function() {
        $(window).scroll(function() {
            if ($(window).scrollTop() > $('body').height()-$(window).height()-10) {
                var nextPage = $('#ajax-next-page a').attr('href');
                if (nextPage !== undefined) {
                    $.ajax({
                        url: nextPage,
                        success: function(data) {
                            $('#ajax-next-page').remove();
                            $('#text').append($('#text', data).html());
                        }
                    })
                }
            }
        });
    });
</script>

я использовал блок с id - text,и в файле news.table.tpl у меня получилось так

Код:

<div id="text">
{% if (handler == 'by.category') %}
<h3>{{ category.name }}</h3>
{% if category.icon.purl %}<img src="{{ category.icon.purl }}"/><br/>{% endif %}
{{ category.info }}
{% endif %}
{% for entry in data %}
{{ entry }}
{% endfor %}
{{ pagination }}
</div>

Это мой пример использования,ну все пользуемся .

Можешь почитать и вот эту статейку "Интересный HOVER эффект"

Это тоже интересно

cr1t 18.07.2015 - 06:17 Почему то выводит три одинаковых новости. В чем причина?)

ответить

irbees2008 19.07.2015 - 03:58 cr1t, Если все правильно сделал как написано выше то все будет работать ,а так хотя бы адрес сайта что бы глянуть

ответить

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.