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

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>

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

Можешь почитать и вот эту статейку "Замена ссылок для скачивания на изображения"