Hola tengo la siguiente duda y no se si se puede hacer, este es mi codigo:
Código PHP:
function sumaDia(){
sleep(4);
$body5 = "He tardado 4 segundos en ejecutar esta pagina...";
return $body5;
}
?>
Código HTML:
<html>
<head>
<title>Ajax Simple</title>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$("#cargando").css("display", "inline");
$("#destino").load("pagina-lenta.php", function(){
$("#cargando").css("display", "none");
});
})
</script>
</head>
<body>
<br>
<br>
<div id="cargando" style="display:none; color: green;"><img src="ajax-loader.gif"></div>
<br>
<div id="destino"></div>
<br><br><br><br>
Este es el final de la web
</body>
</html> y lo que quiero conseguir en que mientras se carga la funcion php me muestre mientras la imagen gif de carga, y una vez cargada la funcion me la muestre en vez de mostrarme pagina-lenta.php. No se como conseguirlo.
¿Podeis ayudarme?.
Gracias.