Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.09.2015, 20:40
Новичок на форуме
Отправить личное сообщение для spiritсашаspirit Посмотреть профиль Найти все сообщения от spiritсашаspirit
 
Регистрация: 23.09.2015
Сообщений: 3

нужна помощь в дополнении js и ajax
обновление контента без перезагрузки страницы.
Работает почти все четко.
суть: нужно чтобы ссылка с классом nav_link тоже обновлялась, вне блока с тегами а и b... но при этом чтобы сама страница не обновлялась..

<div class="a"><div class="b">
этот текст изменится после нажатия на кнопку с классом nav_link

</div></div>
<a href="необходимая ссылка" class="nav_link">кнопка с классом nav_link </a>


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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Очень нужна помощь! Передача кириллицы в функцию JS VADIK_Minvody AJAX и COMET 9 03.06.2015 12:13
Подгрузка JS + ajax... afr0 AJAX и COMET 8 10.04.2013 14:38
jQuery Ajax Rater Plugin и массив POST - Нужна помощь TROODON jQuery 12 30.12.2009 22:44
Кроссдоменный GET запрос. Нужна помощь! notxcain AJAX и COMET 4 07.12.2008 20:55
ajax запрос с подгружемным js HelpeR AJAX и COMET 1 27.10.2008 12:44