Показать сообщение отдельно
  #1 (permalink)  
Старый 24.07.2012, 16:11
Аспирант
Отправить личное сообщение для malsyst Посмотреть профиль Найти все сообщения от malsyst
 
Регистрация: 20.07.2012
Сообщений: 80

Подгрузка контента на AJAX
Доброго времени суток.
Имеется страница:
<script>  
    function showContent(link) {  
  
        var cont = document.getElementById('contentBody');  
        var loading = document.getElementById('loading');  
  
        cont.innerHTML = loading.innerHTML;  
  
        var http = createRequestObject();  
        if( http )   
        {  
            http.open('get', link);  
            http.onreadystatechange = function ()   
            {  
                if(http.readyState == 4)   
                {  
                    cont.innerHTML = http.responseText;  
                }  
            }  
            http.send(null);      
        }  
        else   
        {  
            document.location = link;  
        }  
    }  
  
    // создание ajax объекта  
    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; }  
            }  
        }  
    }  
</script>

<form>  
        <input onclick="showContent('page2.html')" type="button" value="Страница 2">  
    </form>  
      
    <div id="contentBody">  
    </div>  
  
    <div id="loading" style="display: none">  
    Идет загрузка...  
    </div>

Из кода видно, что page2.html подгружается в div с id="contentBody
Как реализовать подобную подгрузку, но не всей страницы, а определенного div-a с id или class по нажатию на кнопку?
Ответить с цитированием