5023
- 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>
Можешь почитать и вот эту статейку "Теги form"
Это тоже интересно
05.12.13Загрузка новостей на AJAX
11.09.13Новости в SLIDE BOXе
05.12.15Падающие снежинки на сайт
15.05.25Плагин NSM
читать полностью
[/comment_full] [answer]--------------------
Ответ от{name}
{answer}[/answer] [quote]
irbees2008');" style="cursor: pointer;">ответить[/quote]
читать полностью
[/comment_full] [answer]--------------------
Ответ от{name}
{answer}[/answer] [quote]
irbees2008');" style="cursor: pointer;">ответить[/quote]