4934
- 2
- Адаптировал: 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>
Код:
<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>
Можешь почитать и вот эту статейку "Форматируем дату на твиге"
Это тоже интересно
05.12.13Загрузка новостей на AJAX
11.09.13Новости в SLIDE BOXе
05.12.15Падающие снежинки на сайт
irbees2008 19.07.2015 - 03:58 cr1t, Если все правильно сделал как написано выше то все будет работать ,а так хотя бы адрес сайта что бы глянуть
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
ответить