вопрос
Добрый день.
Имеется ресурс, на котором есть определенный контент нелицензионного характера (киносайт).
Использую на нем модуль фильтра, есть необходимость именно в аякс загрузке новостей без изменения URL (для увлечения скорости загрузки контента со стороны пользователя).
К примеру, очень сильно интересует реализация кнопки "показать еще", по нажатию на которую происходит загрузка остального контента (опять же, именно без изменения в URL)
Возможно у кого то есть готовые решения/подсказка по реализации?
Имеется ресурс, на котором есть определенный контент нелицензионного характера (киносайт).
Использую на нем модуль фильтра, есть необходимость именно в аякс загрузке новостей без изменения URL (для увлечения скорости загрузки контента со стороны пользователя).
К примеру, очень сильно интересует реализация кнопки "показать еще", по нажатию на которую происходит загрузка остального контента (опять же, именно без изменения в URL)
Возможно у кого то есть готовые решения/подсказка по реализации?
В navigation.tpl вставляешь скрипт:
и код вывода ниже:
<script type="text/javascript">
$(document).ready(function(){
$('body').on('click','#nav-load a',function(){
var urlNext = $(this).attr('href');
var scrollNext = $(this).offset().top - 200;
if (urlNext !== undefined) {
$.ajax({
url: urlNext,
beforeSend: function() {
ShowLoading('');
},
success: function(data) {
$('#bottom-nav').remove();
$('#dle-content').append($('#dle-content', data).html());
$('#dle-content').after($('#bottom-nav'));
window.history.pushState("", "", urlNext);
$('html, body').animate({scrollTop:scrollNext}, 800);
HideLoading('');
},
error: function() {
HideLoading('');
alert('что-то пошло не так');
}
});
};
return false;
});
});
</script>и код вывода ниже:
<div class="nav-load" id="nav-load">[next-link]Загрузить еще[/next-link]</div>
