Ajax переходы v1 by doc

2106
7.2 из 10
Проголосовало: 13





Думаю многие хотели бы реализовать на сайте аякс переходы как в контакте или на flash сайтах, так вот реализованный скрипт. Конечно эта версия не доработана, но это исправлю со временем.
Что тут есть:
1. Переход аякс
2. Смена url
3. Надпись загрузки
Чего нет, но будет:
1. Смена title
2. Улучшенный вид загрузки
3. Эффект появления
Ну и конечно же сам скрипт:
Создаем div, и ставим его между <body> </body>
Код
<div id="menu"> </div>

В этом div'e будут ссылки ajax, самое главное, это вид ссылок!
Первая ссылка должна выглядеть так:
Код
<a href='/ssylka2' data-pjax='#contsod'>Ссылка 1</a>

А последующие так:
Код
<a href='/ssilka1' >Ссылка 2</a>

Теперь установим сам скрипт отвечающий за переходы:
Код
<script>
  $(function($){
  $('#menu a').attr('onclick','return false;').click(function(){
  var href = $(this).attr('href');
  $('.conteiner').text('Загрузка...');
  $('.conteiner').load(href+' .conteiner', function(){
  history.pushState(null, null, href);
  });
  });
  });
</script>

Ну и последний штрих...
На странице, то что нужно загружать при клике на ссылку берём в div:
Код
<div class="conteiner"> </div>

на этом установка закончена.
Автор публикации: Загрузка
Загрузка
doc74, это его n материал
Источник: http://doc74.ru
  • Всего комментариев: 13

BLAzER
0
BLAzER написал: в материале Написано 26 Декабря 2013 в 16:42
Комментарий №13
Демо сайт не найден!

AnDo
+1
AnDo написал: в материале Написано 26 Сентября 2012 в 19:30
Комментарий №11
Привет,всем smile У меня только один вопрос а когда будет следующая версия уж больно хороший скрипт и пожелание к нему было бы очень удобно если бы сделали что бы можно было возвращаться обратно.

nick
0
nick написал: в материале Написано 25 Сентября 2012 в 18:11
Комментарий №7
супер скрипт, только вот скрипты не пожгружает((

doc74
0
doc74 написал: в материале Написано 25 Сентября 2012 в 18:51
Комментарий №8
к сожалению этого не исправить...
этот скрипт основан на load(один из методов get'a), а при get'e, скрипты не грузятся sad
по этому в следующей версии исправлений на этот счет не будет!

nick
0
nick написал: в материале Написано 25 Сентября 2012 в 19:03
Комментарий №9
так тогда можна считать этот скрипт на половину ненужным((

doc74
0
doc74 написал: в материале Написано 25 Сентября 2012 в 19:48
Комментарий №10
можно скрипты засунуть в глобальный блог или в js файл, кому скрипт нужен - разберётся! dry

Lacr1mosa
0
Lacr1mosa написал: в материале Написано 14 Декабря 2012 в 21:01
Комментарий №12
то есть, скрипты не грузятся, только если их код расположен прямо в коде?

Сергей
0
Сергей написал: в материале Написано 25 Сентября 2012 в 16:27
Комментарий №6
Спасибо.

NOLUK
0
NOLUK написал: в материале Написано 25 Сентября 2012 в 13:39
Комментарий №4
а можно как нить сделать что бы радио когда играет не выключалась при переходи на страницу или если уш на то пошло что делаете как в вк что бы можно было бы спокойно переходить по страницам а плеер работал такое можно сделать или этот скрипт позволяет сделать такое я пробовал установать ... вроде работает а вроде и нет... подскажите плиз как сделать . вот тест сайт не реклама

doc74
0
doc74 написал: в материале Написано 25 Сентября 2012 в 14:22
Комментарий №5
могу помочь

SacSvipe
0
SacSvipe написал: в материале Написано 25 Сентября 2012 в 13:13
Комментарий №2
нифига не понятно как устанавливать)

Вовчик
0
Вовчик написал: в материале Написано 25 Сентября 2012 в 13:15
Комментарий №3
все понятно написано....

Voker
0
Voker написал: в материале Написано 25 Сентября 2012 в 12:57
Комментарий №1
На старнице демо исправьте <title> smile

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2126
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 433
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • mrnoobsky написал:
  • Это моя работа, которая велась давольно таки давно smile Времени было мало, поэтому я скачал полностью все, что было и сделал архив happy
  • Snoopak написал:
  • 111 мегабайт? wtf? Что в архив напихали?
  • mrnoobsky написал:
  • Левое меню это BLG. Возможны какие-то баги, но в целом все должно работать корректно!
  • geleson2222 написал:
  • ?
  • Doc120 написал:
  • /* Скрывает каперайт ucoz */
    .banner_u {
    opacity:0.2 ;
    }
    /* ----------------- */
    opacity:0.1 ; это легальное скрытее $POWERED_BY$
    ставим в ccs не ставте 0.0 тоже за банят 1.1 можно сам пользуюсь.
    Последние темы
    Опрос
    338
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей:
    • Обратная связь
    • Правила
    • RSS
    • +18
    • Мобильная версия
    • Хостинг от uCoz
    • Хостинг от uCoz
    • Copyright - webo4ka.ru © 2010-2026 г.
    • Design by Вовчик
      Администратор:)