Форумы портала PHP.SU :: Версия для печати

1. kuller - 30 Ноября, 2015 - 13:15:01 - перейти к сообщению

Подскажите пожалуйста! Есть ли какой нибудь плагин который загружает содержимое html документа в указанный div? несколько дней ищу такую возможность и смог найти только пример данной реализации

CODE (javascript):
скопировать код в буфер обмена

 
function showContent(link)
{
        $("#sideRight").addClass('sideRight1'); // панель
        var cont = document.getElementById('contentBody');
        var loading = document.getElementById('loading');
 
        
        if(getCookie('panel') == '1') cont.innerHTML = loading.innerHTML; else{
                date = new Date();
                date.setHours(date.getHours() + 1);
                setCookie('panel', '1', date.toUTCString());
                setTimeout(function()
                {
                        $("#contentBody").css('display','block');
                        cont.innerHTML = loading.innerHTML
                }, 1500);
        }
 
        var http = createRequestObject();
        if(http)
        {
                http.open('get', link);
                http.onreadystatechange = function()
                {
                        if(http.readyState == 4)
                        {
                                setTimeout(function() {cont.innerHTML = http.responseText}, 5000);
                        }
                }
                http.send(null);
        }else{
                document.location = link;
        }
}
 
function createRequestObject()
{
        try { return new XMLHttpRequest() }
        catch(e)
        {
                try { return new ActiveXObject('Msxml2.XMLHTTP') }
                catch(e)
                {
                        try { return new ActiveXObject('Microsoft.XMLHTTP') }
                        catch(e) { return null; }
                }
        }
}
 

этот пример меня не совсем устраивает. т.к. когда делаю какие та изменения в документе html (который подгружаю) эти изменения не отображаются. Отображаться начинают только после очистки истории.
Также данные которые должны отображаться в панели (div) которая выезжает с правой стороны. Панель не успевает отобразиться до конца, а содержимое html документа уже отображается. Данную проблему решил через setTimeout, но когда кликаю на кнопку чтоб загрузить другой html документ прелоадер начинает отображаться не сразу т.к. указан setTimeout. Здесь решил сделать определение была ли нажата первый раз кнопка или нет, и сделал запись в куки, но понимаю что это какой та получается бред! Подскажите пожалуйста может есть какой та плагин? или может можно решить то что я добавлял самостоятельно не таким бредовым кодом, и решить проблему с кешированием.