Меню
Что нового?

Плавный переход между страницами

artoodetoo

artoodetoo

великий и ужасный
на самом деле новая страница не подгружается. всё уже есть, JS только открывает/прячет.
манипуляции с HTML5 history API.
 

ggfdsfds

Новичок
Добрый вечер.
Можно еще где-нибудь примеры посмотреть (более простые).
Желательно что бы это возможно было как то совместить с jQuery и Bootstrap.

--
Спасибо.
 

ggfdsfds

Новичок
Вот нашел демо - http://pjax.heroku.com/ - как понимаю это оно самое.
Полностью скопировал его - можно посмотреть что в архиве.

Но у меня почему - то не работает pjax.
Правильно же понимаю там чистый HTML + JS (jQuery) - и никакого php и прочего.

Архив с "выдранными исходниками" с данного демо-сайта
http://dropmefiles.com/trJvA

И никак не могу понять - там раздельный вывод должен быть или нет?
Код: 
if (!isset($_SERVER['HTTP_X_PJAX'])
{ // here is regular-kind load }
else
{    // here you don't print page layout — just the page }
 
Последнее редактирование:

ggfdsfds

Новичок
Почему-то не работает у меня - перевел все на php - сдела header, footer.
Код: 
if($_SERVER["HTTP_X_PJAX"]) {
    echo $body;
} else {
    include("header.php");
    echo $body;
    include("footer.php");
}
 

ggfdsfds

Новичок
Вот только не пойму, а как быть с <title> - тэгом и тем, что может понадобиться отправить в <head> секцию?
 

ggfdsfds

Новичок
Так там же не отправляется секция <head>
Код: 
if($_SERVER["HTTP_X_PJAX"]) {
    echo $body;
} else {
    include("header.php");
    echo $body;
    include("footer.php");
}
Думаю, может быть отправлять заголовок php-header() - а в скрипте complate - его ловить и вставлять - что то вроде $(document).attr("title", respone))...
 
fixxxer

fixxxer

К.О.
Партнер клуба
Absinthe, он javascript-ом хочет обновлять страницу.

Я, правда, не понимаю, зачем так перерисовывать страницу целиком - обычно такая техника используется, когда view и controller вынесены в браузер, а на сервере остаются только модели и банальный rest-роутинг. Видимо, все ради дебильного анимационного эффекта :)
 
Absinthe

Absinthe

жожо
Есть еще хитрый хак - turbolinks.
Аяксом дергаются обычные страницы, и заменяется контент на клиенте. Бонусом идет быстрый рендер, т.к. не надо повторно обрабатывать JS/CSS.
 

ggfdsfds

Новичок
fixxxer написал(а):
Absinthe, он javascript-ом хочет обновлять страницу.

Я, правда, не понимаю, зачем так перерисовывать страницу целиком - обычно такая техника используется, когда view и controller вынесены в браузер, а на сервере остаются только модели и банальный rest-роутинг. Видимо, все ради дебильного анимационного эффекта :)
Нажмите для раскрытия...
Да это тот самый эффект...
 
Войдите или зарегистрируйтесь для ответа.
Сверху