Показать сообщение отдельно
  #2 (permalink)  
Старый 13.08.2013, 07:28
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

С использованием jQuery:

// в css позиционируем и задаем гифку как фон.
var $preloader = $('<div/>', {'class':'preloader'});
// блок с основным контентом
var $content = $('.content');

$('.pagination a').click(function(e) {
    // отменяем переход по ссылке
    e.preventDefault();
    // показываем крутилку
    $preloader.appendTo($content);
    // грузим контент по ссылке.
    // серверу нужно отслеживать заголовок X-Requested-With: XMLHttpRequest и отдавать в таком случае контент без шапки и футера
    $('.content').load(this.href);

    // помечаем ссылку (или можно родительский li) активной
    $(this).addClass('active').siblings().removeClass('active');
});

Последний раз редактировалось danik.js, 13.08.2013 в 07:30.
Ответить с цитированием