uСoz скрипты, шабло, кнопки, иконки и многое другое

 

Автор: Battle_Mage, опубликован: 16:54, просмотров: 179

0 img
Думаю многие хотели бы реализовать на сайте аякс переходы как в контакте или на 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>

на этом установка закончена.

Раздел: Ajax

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