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


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

1723
6.8 из 10
Проголосовало: 11





Думаю многие хотели бы реализовать на сайте аякс переходы как в контакте или на 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 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    205
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: