jquery mensaje de carga mientras se carga una pagina

Flashera · #1 (**permalink**) 16/12/2010, 11:14

Estuve buscando por Internet algun codigo en jquery que sea capaz de mostrar un mensaje de CARGANDO mientras la página solicitada se termine de cargar (tiene muchas consultas sql que pueden tardar mas de lo normal)

Alguien me da una mano para poder lograr esto?

Desde ya muchas gracias!

PD: el contenido no carga mediante ajax, es simplemente una solicitud a un archivo estilo pagina.php, pero se mantiene mucho tiempo "en blanco" hasta que carga todo

Dany_s · #2 (**permalink**) 16/12/2010, 12:19

antes de hacer la petición mostras un div o lo que sea que contenga el texto o imagen (antes de llamar al método ajax o usa el callback beforeSend) y en la función de callback 'complete' que se lanza cuando la solicitud finaliza lo ocultas

si queres mostrar errores (de estado como 404) o mensaje de exito usa los callback success y/o error

fijate doc http://api.jquery.com/jQuery.ajax/ auqne hay ejemplos con success pero es igual para los otros callback

algo asi, supone que x.php tarde 5 segundos, simulá son un sleep(5)

Código PHP:

Ver original<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Prueba</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $.ajax({
                  url: 'x.php',
                  beforeSend: function(data) {
                    $('body').html('cargando');
                  },
                  complete: function(){
                    $('body').html('');
                  }
                });
            });
        </script>
        <style>
 
        </style>
    </head>
    <body>
 
    </body>
</html>

Yarriot · #3 (**permalink**) 23/12/2010, 13:45

te servirá algo de acá ?

http://www.forosdelweb.com/f127/mejorar-iframe-861364/

alfcm · #4 (**permalink**) 24/12/2010, 06:26

yo tambien te mando un ejemplo que respondi a otra persona, con la misma duda

http://www.forosdelweb.com/f127/envi...ensaje-869646/

Saludos y Feliz Navidad