Хаки и Скрипты Next Generation CMS

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

irbees2008 irbees2008 Опубликовано - 24 - сентября JS
4612 - 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>
я использовал блок с 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>
Это мой пример использования,ну все пользуемся .

Можешь почитать и вот эту статейку "Флеш Календарь со сменой фона в зависимости от времени года"

Опрос

Ваше мнение

TWIG -что это?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4375 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 661
  • Онлайн всего: [7]
  • Гости: [7]
  • Были сегодня : [3] Яндекс, Google, Яндекс
  • SQL запросов: 31
  • Генерация страницы: 0.811сек
  • Потребление памяти: 5.328 Mb 
  •   Яндекс.Метрика