Главная » 2012 » Сентябрь » 28 » Ajax переходы v1 (Скрипты для ucoz)
28.09.2012, 18:50

Ajax переходы v1




Думаю многие хотели бы реализовать на сайте аякс переходы как в контакте или на flash сайтах, так вот реализованный скрипт.

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

Code
<div id="menu"> </div>


В этом div'e будут ссылки ajax, самое главное, это вид ссылок!
Первая ссылка должна выглядеть так:

Code
<a href='/ssylka2' data-pjax='#contsod'>Ссылка 1</a>

А последующие так:
Code

<a href='/ssilka1' >Ссылка 2</a>

Теперь установим сам скрипт отвечающий за переходы:
Code

<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:

Code
<div class="conteiner"> </div>


на этом установка закончена.
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: http://doc74.16mb.com
Категория: Скрипты uCoz | Просмотров: 951 | Добавил: sold93 | Рейтинг: 5.0/2 |
Теги: v1, AJAX, переходы
Всего комментариев: 6
1 -=WaMpIr=-   (28.09.2012 19:45)
Аватар пользователя
Кул, жалко что нельзя скачать архивом. sad

2 sold93 -Infoscript Team-  (28.09.2012 19:54)
Аватар пользователя
wacko а зачем тебе архив? (если не секрет)

3 -=WaMpIr=-   (28.09.2012 20:01)
Аватар пользователя
В коллекцию, что бы потом не лазить по всему сайту, и не искать то что мне нужно. Особенно если забудешь как называется тема, то это вообще...алес капут.
Поставил, вот только надпись Загрузка... не появляется happy

4 sold93 -Infoscript Team-  (28.09.2012 20:41)
Аватар пользователя
у меня все появляется

+1   Спам
5 Voker -Infoscript Team-  (29.09.2012 16:14)
Аватар пользователя
А самому архив создать нет?
Все работает я тоже проверял.

6 InfoDusha -Infoscript Team-  (30.09.2012 11:16)
Аватар пользователя
хм... титл реализуется одной строкой... есть минус... history.push.state работает только в новых браузерах.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]