Ajax переходы v1 by doc
2106
7.2 из 10
Проголосовало: 13
Проголосовало: 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>
$(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>
на этом установка закончена.
Автор публикации: Загрузка
Загрузка
- Всего комментариев: 13
0
|
Демо сайт не найден!
|
+1
|
Привет,всем
 У меня только один вопрос а когда будет следующая версия уж больно хороший скрипт и пожелание к нему было бы очень удобно если бы сделали что бы можно было возвращаться обратно.
|
0
|
супер скрипт, только вот скрипты не пожгружает((
|
0
|
к сожалению этого не исправить...
этот скрипт основан на load(один из методов get'a), а при get'e, скрипты не грузятся  по этому в следующей версии исправлений на этот счет не будет! |
|
0
|
так тогда можна считать этот скрипт на половину ненужным((
|
|
0
|
можно скрипты засунуть в глобальный блог или в js файл, кому скрипт нужен - разберётся!
|
0
|
то есть, скрипты не грузятся, только если их код расположен прямо в коде?
|
0
|
Спасибо.
|
0
|
а можно как нить сделать что бы радио когда играет не выключалась при переходи на страницу или если уш на то пошло что делаете как в вк что бы можно было бы спокойно переходить по страницам а плеер работал такое можно сделать или этот скрипт позволяет сделать такое я пробовал установать ... вроде работает а вроде и нет... подскажите плиз как сделать . вот тест сайт не реклама
|
|
0
|
могу помочь
|
0
|
нифига не понятно как устанавливать)
|
0
|
все понятно написано....
|
0
|
На старнице демо исправьте <title>
|
- Оставить комментарий:
Меню сайта
Категории
Мини-чат
Последние комментарии
Это моя работа, которая велась давольно таки давно 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Времени было мало, поэтому я скачал полностью все, что было и сделал архив 
Последние темы
Опрос
Статистика
| 0 онлайн |
0 наших |
0 чужих |
0
Сегодня были
Топ пользователей:
| |  | | |  |  |
 |  |  |  |  |  |
- Обратная связь
- Правила
- RSS
- +18
- Мобильная версия
- Хостинг от uCoz
- Copyright - webo4ka.ru © 2010-2026 г.
- Design by Вовчик Администратор:)