[AJAX] Aggiornare contenuto div

[wino_7]

Salve a tutti ho bisogno di aggiornare il contenuto di un div alla pressione di un link nella pagina, il problema è che nella funzione "displayResponse" non so come fare a scrivere perchè se uso document.write il contenuto viene scritto in una pagina nuova cosa che io non voglio fare.

Vi spiego come ho strutturato il tutto :
1- Index.php
2- news.htm
3- Curiosita.htm
4- Ajax.js

Il file numero 1 (in cui è collegato il file numero 4 con il tag script) usa l'include di php per incorporare il markup della pagina numero 2.

Alla pressione del link devo aggiornare il contenuto del div "col-cen" in index.php e metterci il markup della pagina numero 3 che precedentemente conteneva il markup della pagina numero 2


Curiosita.htm

<h2 style="text-align: center; padding-bottom: 10px;">Curiosit&agrave;</h2>
<div id="news">
    <ul>
        [*]<span style="color: #5369e0;">Ajax 1</span>
Ciao sono Ajax, [url="javascript:void(0)"]consectetuer adipiscing elit[/url]. Mauris mollis cursus dolor. Vivamus sapien nunc.
        [*]<span style="color: #5369e0;">Ajax 2</span>
Ciao sono Ajax, consectetuer adipiscing elit. Mauris mollis cursus dolor. Vivamus sapien nunc.
        [*]<span style="color: #5369e0;">Ajax 3</span>
[url="javascript:void(0)"]Ciao sono Ajax[/url], consectetuer adipiscing elit. Mauris mollis cursus dolor. Vivamus sapien nunc.
        [*]<span style="color: #5369e0;">Ajax 4</span>
Ciao sono Ajax, consectetuer adipiscing elit. Mauris mollis cursus dolor. Vivamus sapien nunc.
    [/list]
</div> 

news.htm

<h2 style="text-align: center; padding-bottom: 10px;">News</h2>
<div id="news">
    <ul id="attach">
        [*]<span style="color: #5369e0;">Titolo 1</span>
Lorem ipsum dolor sit amet, [url="javascript:void(0)"]consectetuer adipiscing elit[/url]. Mauris mollis cursus dolor. Vivamus sapien nunc.
        [*]<span style="color: #5369e0;">Titolo 2</span>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris mollis cursus dolor. Vivamus sapien nunc.
        [*]<span style="color: #5369e0;">Titolo 3</span>
[url="javascript:void(0)"]Lorem ipsum dolor sit amet[/url], consectetuer adipiscing elit. Mauris mollis cursus dolor. Vivamus sapien nunc.
        [*]<span style="color: #5369e0;">Titolo 4</span>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris mollis cursus dolor. Vivamus sapien nunc.
    [/list]
</div>  
[url="Include/Curiosita.htm"]Curiosit&agrave;[/url] 

index.php

<div id="col-cen">
      <?php
      include('Include/news.htm');
      ?>
</div>

Ajax.js

function getHTTPObject()
{
    
    var xhr = false;
    
    if (window.XMLHttpRequest)
    {
        xhr = new XMLHttpRequest();
    }
    
    else if (window.ActiveXObject)
    {
        try
        {
            xhr = new ActiveXObject("Msxml2.XMLHTTP");
        }
        
        catch(e)
        {
            try
            {
                xhr = new ActiveXObject("Microsoft.XMLHTTP");    
            }
            
            catch(e)
            {
                xhr = false;    
            }
        }
    }
    
    return xhr;
    
}

function displayResponse(request)
{
    if(request.readyState == 4)
    {
        if(request.status == 200 || request.status == 304)
        {
            
            /*request.responseText);*/
                       /*Se uso document.write mi scrive in una nuova pagina*/
                       /*Che cavolo ci devo mettere?????*/
        }
    }
}

function GrabFile(file)
{
    var request = getHTTPObject();
    
    if (request)
    {
        request.onreadystatechange = function() { displayResponse(request); };    
        request.open("GET", file, true);
        request.send(null);
    }
} 

[gianiaz]

non programmo quasi mai in javascript puro, ma se non ricordo male funziona cosi:

document.getElementById('id_del_div').innerHTML = 'La risposta che ho ottenuto';

Ciao

[wino_7]

Funziona grazie mille.
Era più semplice di quello che credevo, delle volte mi perdo in un bicchier d'acqua.