Buenas,
Me gustaría cargar unos datos de una página web y mientras se cargan me gustaría mostrar el tipico mensaje de cargando.
Lo he probado de muchas maneras pero no consigo que funcione correctamente.
Podéis decirme que hago mal?
Código Javascript
:
Ver original<html>
<head>
<title>PRELOADER 1</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<style>
</style>
<script language="javascript">
$('#boton_cargar').click(function(){
$("#seccion").load("pagina-lenta.php",function(){
$('#loading').fadeOut('slow', function() {
$(this).remove();
});
});
});
$('#loading')
.hide() // hide it initially
.ajaxStart(function() {
$(this).fadeIn('slow')
$(this).animate({opacity: 1.0}, 3000)
})
.ajaxStop(function() {
$(this).fadeOut('slow', function() {
$(this).remove();
});
});
</script>
</head>
<body>
<div id="loading">Cargando.....</div>
<a href="#" id="boton_cargar">Cargar datos</a>
<div id="seccion"></div>
</body>
</html>
Muchas gracias de antemano!