Cita:
Iniciado por Rosencrantz
Código:
$('#miBoton').click(function(){
$('#divContenedorAjax').html('<img src='img/preloader.gif' alt='cargando'/> Cargando... ');
$('#divContenedorAjax').load('paginaDatos.php');
return false;
});
Inicialmente colocamos algun trozo de codigo html dentro del contenedor en este caso la imagen del preloader la cual debe existir previamente, despues hacemos un load a ese contenedor, este load me reemplazara el preloader que estamos mostrando con el codigo que traemos de la pagina php.
Woow
Rosencrantz! me has dejado O_o! sí que se puede simplificar!
Lo he probado y funciona a la perfección... de la manera que lo hacia yo era complicarse la vida cosa barbara, no?
Código Javascript
:
Ver original$(document).ready(function(){
$("#loading").css("display", "none");
$("#ajax-content").css("display", "none");
$("#enlaceajax").click(function(evento){
evento.preventDefault();
$("#loading").css("display", "inline");
$("#ajax-content").css("display", "none");
$("#ajax-content").load("test.php", function(){
$("#loading").css("display", "none");
$("#ajax-content").css("display", "block");
});
});
})
Muchas gracias