[SOLUCIONADO] Chat en Línea flotante

[nades]

Hola!

Tengo un chat en línea en un div flotante.
Lo que me gustaría hacer es que al momento de dar clic en el botón de enviar se ejecutará un archivo php que tiene la función de insertar en la BD. El chat se refresca cada 10 segundos por lo tanto podría mostrar el mensaje insertado después de 10 segundos sin que se vaya a otra página.

Alguien podría ayudarme o darme algún ejemplo?
Se que podría usar Javascript y AJAX pero no se utilizarlo mucho.

Gracias anticipadas

[jgdev13]

Aquí tengo una función en Ajax:

Código Javascript:

function SendPost(url, params, callback) 
    {
        var request;
        var params_values = "";
        
        for(x in params)
        {
            params_values += x + "=" + params[x] + "&";
        }
        
        // IE+7, Firefox, Chrome, Opera, Safari
        if(window.XMLHttpRequest)
        {
            request = new XMLHttpRequest();
        }
        // IE5, IE5
        else
        {
            request = new ActiveXObject("Microsoft.XMLHTTP"); 
        }
        
        request.open("POST", url, true);
        request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        request.send(params_values);
        
        request.onreadystatechange = function()
        {
            request.onload = function() 
            {
                var response = { data: request.responseText, status : request.status };
            
                return callback(response)
            }
        }
    }
 

Su uso sería así:

Código Javascript:

SendPost("http://misitio.com", {"username": username....}, function(response) {
     if(response.status == 200) {
         console.log(response.data)
     }
});
 

O..., podrías utilizar Jquery, que es más fácil: http://api.jquery.com/jQuery.post/

¿No has pensado utilizar websockets?, son muy eficientes para ese tipo de aplicaciones.