Ver Mensaje Individual
  #4 (permalink)  
Antiguo 30/07/2010, 15:13
Avatar de neodani
neodani
 
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años, 9 meses
Puntos: 20
Respuesta: Cómo hacer un preloader

Cita:
Iniciado por Rosencrantz Ver Mensaje
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
  1. $(document).ready(function(){
  2.     $("#loading").css("display", "none");
  3.     $("#ajax-content").css("display", "none");
  4.     $("#enlaceajax").click(function(evento){
  5.       evento.preventDefault();
  6.       $("#loading").css("display", "inline");
  7.       $("#ajax-content").css("display", "none");
  8.       $("#ajax-content").load("test.php", function(){
  9.          $("#loading").css("display", "none");
  10.          $("#ajax-content").css("display", "block");
  11.       });
  12.    });
  13. })

Muchas gracias