Hola gente, pues tengo un problema, que seguro que es una tontada, pero no consigo caer...
Estoy haciendo un "cargador" con ajax, para que cuando se abre la pagina, muestre un cargando mientras la pagina se carga via ajax y cuando esta cargada con todas sus imagenes y tal, que la muestre, pero no consigo con jquery cargar la pagina en lo que es el "document".
El codigo que tengo ahora es este:
Código:
<html>
<head>
<!-- Estilo -->
<style type="text/css">
body{
background-color: #000000;
}
#cargando{
margin: 0 auto;
color: #fff;
text-align: center;
}
#cargando #contenido{
margin-top: 300px;
}
</style>
<!-- JavaScript -->
<script language="javascript" src="./js/jquery.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$.ajax({
url: 'paginaprueba.php',
dataType: 'html',
async: false,
success: function(datos){
document.clear();
document.open();
document.write(datos);
document.close();
}
});
});
</script>
<title>.:: paginaprueba ::.</title>
</head>
<body>
<div id='cargando'><div id="contenido">Cargando... <img src='./imagenes/cargando.gif' /></div></div>
</body>
</html>
Pero claro, esa forma de cargar la pagina, aparte de que seguro que se puede hacer muchisimo mejor con jQuery, me da un error de javascript, y aunque todo funcione correctamente, no es plan... de momento he probado cosas como estas, con las cuales la pagina se me queda en blanco:
Código:
$(document).html(datos);
$(document).remove().html(datos);
$(document).empty().html(datos);
$(document).remove();
$(document).html(datos);
$(document).empty();
$(document).html(datos);
...
¿Alguien sabe como se hace esto?, gracais!.