scrollare in automatico la pagina dopo l'invio del form con ajax

[allin81]

Qualcuno avrà visto le mie richieste per capire come aprire il risultato di una ricerca nella stessa pagina tramite ajax.
Fino a qui tutto ok, ci sono riuscito!
Ora volevo fare l'ultimo passaggio:
- una volta cliccato su "cerca" la pagina deve scrollare direttamente fino al div che contiene il risultato di tale ricerca.
Faccio già qualcosa del genere cliccando su un link e finendo su un ancora con la parola #offerte, ma non capisco come posso fare in modo da farlo anche tramite un form.

Questo e' il codice che mi fa la ricerca

<form name="form" onSubmit="javascript:xmlhttpPost('ricerca_hotel2.php'); return false;">

Ho provato a mettere anche ricerca_hotel2.php#offerte ma non fa quello che vorrei.
C'è qualche soluzione utile?

Grazie

[cavicchiandrea]

Al callback della chiamata ajax aggingici location.hash = "nome_ancora"

[allin81]

Il codice è abbastanza lungo, dove dovrei aggiungerlo?

script language="Javascript">
//Funzione per la gestione asincrona AJAX
function xmlhttpPost(strURL) {
    //Inizializzo l'oggetto xmlHttpReq
    var xmlHttpReq = false;
    var self = this;
    // qui valutiamo la tipologia di browser utilizzato per selezionare la tipologia di oggetto da creare.
    // Se sono in un browser Mozilla/Safari, utilizzo l'oggetto XMLHttpRequest per lo scambio di dati tra browser e server.
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // Se sono in un Browser di Microsoft (IE), utilizzo Microsoft.XMLHTTP 
    //che rappresenta la classe di riferimento per questo browser
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //Apro il canale di connessione per regolare il tipo di richiesta.
    //Passo come parametri il tipo di richiesta, url e se è o meno un operazione asincrona (isAsync)
    self.xmlHttpReq.open('POST', strURL, true);
    
    //setto l'header dell'oggetto
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    
    /* Passo alla richiesta i valori del form in modo da generare l'output desiderato*/
    self.xmlHttpReq.send(recuperaValore());
    
    /* Valuto lo stato della richiesta */
    self.xmlHttpReq.onreadystatechange = function() {
             
            /*Gli stai di una richiesta possono essere 5
            * 0 - UNINITIALIZED
            * 1 - LOADING
            * 2 - LOADED
            * 3 - INTERACTIVE
            * 4 - COMPLETE*/
            
        //Se lo stato è completo    
        if (self.xmlHttpReq.readyState == 4) {
            /*  Aggiorno la pagina con la risposta ritornata dalla precendete richiesta dal web server.
            Quando la richiesta è terminata il responso della richiesta è disponibie come responseText.*/
            aggiornaPagina(self.xmlHttpReq.responseText);
        }
    }

}
/*Questa funzione recupera i dati dal form.*/
function recuperaValore() {
    var form     = document.forms['form'];
    var arrivo = form.arrivo.value;
    var durata = form.durata.value;
    var tipo_pacchetto = form.tipo_pacchetto.value;
    var aeroporto = form.aeroporto.value;
    var citta_bus = form.citta_bus.value;
    var id_hotel = form.id_hotel.value;
    //valore = 'arrivo=' + escape(arrivo);
    valore = 'arrivo=' + escape(arrivo) + '&durata=' + escape(durata) + '&tipo_pacchetto=' + escape(tipo_pacchetto) + '&aeroporto=' + escape(aeroporto) + '&citta_bus=' + escape(citta_bus) + '&id_hotel=' + escape(id_hotel);
    return valore;
}
/*Questa funzione viene richiamata dall'oggetto xmlHttpReq per l'aggiornamento asincrono dell'elemento risultato*/
function aggiornaPagina(stringa){
    document.getElementById("risultato").innerHTML = stringa;
}
</script>

L'ancora si chiama #offerte

[cavicchiandrea]

Prova qui
function aggiornaPagina(stringa){
document.getElementById("risultato").innerHTML = stringa;
location.hash = "offerte"
}

[allin81]

si è perfetto, grazie ancora una volta