5143
- 0
- Адаптировал: 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>
Можешь почитать и вот эту статейку "HTML cite, dfn, var,i, em"
Это тоже интересно
05.12.13Загрузка новостей на AJAX
11.09.13Новости в SLIDE BOXе
05.12.15Падающие снежинки на сайт
15.05.25Плагин NSM
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
