Movie:: Jumper 2008

Музыка Сайт Ucoz

Если хотим обновить содержимое страницы, без ее перезагрузки, например как в социальных сетях Вконтакте или Одноклассниках, и чтобы при переходе по ссылке на другую страницу включенная музыка в плеере не выключалась а продолжала играть, можно применить простой скрипт на jQuery. Постараюсь объяснить поподробней, но все таки тут главное вникнуть а остальное все понятно.
Этот скрипт можно применить для всей страницы, или для отдельного блока или менюшки.

Что нам нужно:

1) Создаем, например, файл с расширением js с любым именем. Пусть это будет js-ajax.js
Вставляем внутри него вот такое вот код:

Код

var AjaxContent = function{
var container_div = '';
var content_div = '';
return {
getContent : function(url){
$(container_div).animate({opacity:0}, //Прозрачность на 0
function{ // загружает контент с помощью ajax
$(container_div).load(url+" "+content_div, //загружает только выбранную часть
function{
$(container_div).animate({opacity:1};); //возвращает прозрачность обратно на 1 ajaxify_links: function(elements){
$(elements).click(function{
AjaxContent.getContent(this.href);
return false; //предотвращает нажатие на ссылку init: function(params){ //задает первоначальные настройки
container_div = params.containerDiv;
content_div = params.contentDiv;
return this; //выводит объект
};

Ничего сверх фантастического в этом коде нет, вроде все на вид просто.

2) Загружаем файл js-ajax.js в файловый менеджер в любое место на сайт.
3)После, подключаем этот файл к нужному шаблону на сайте

Похожие страницы