Código HTML:
<input type="button" onClick="postearOK();" value="mostar comentarios">
Código PHP:
function mostrarComentarios(){
url = 'comentarios.php';
var peticion = new Ajax.Request(
url,
{
method: 'get',
onLoading: mostrarComentariosLoading,
onComplete: mostrarComentariosOk
}
);
}
function mostrarComentariosLoading(respuesta){
$('comentariosContenedorLoading').innerHTML = "<br><br><br><img src='loader.gif' /><br><br><br>";
}
function mostrarComentariosOk(respuesta){
$('comentariosContenedor').innerHTML = respuesta.responseText;
$('postearLoading').innerHTML = "";
document.form.nombre.value = "";
document.form.web.value = "";
document.form.texto.value = "";
}
function postear(){
url = 'postear.php';
var nombre = document.form.nombre.value;
var web = document.form.web.value;
var texto = document.form.texto.value;
var parametros = "nombre="+nombre+"&web="+web+"&texto="+texto;
var peticion = new Ajax.Request(
url,
{
method: 'post',
parameters: parametros,
onLoading: postearLoading,
onComplete: postearOK
}
);
}
function postearLoading(respuesta){
$('postearLoading').innerHTML = " <img src='loader2.gif' />";
}
function postearOK(respuesta){
mostrarComentarios();
}