Buenas, se pretende crear script de javascript que cuando el usuario haga click en cualquier parte de x sitio, aparesca una imagen de carga (cargando...), despues tras esperar x tiempo (3 o 4 seg) quite la imagen de carga y se vaya a donde estaba predeterminado en un principio, algo como esto.
el css es para q aparesca centrado.
si le quito el ciclo si lo hace (muestra la imagen) pero caso contrario no. que estare haciendo mal. gracias.
<style type="text/css">
#idCargando {
position: absolute;
top:50%;
left:50%;
width:200px;
margin-left:-100px;
height:150px;
margin-top:-75px;
padding:0px;
background-image:url('imagenes/cargando1.gif');
background-position:center;
background-repeat:no-repeat;
visibility:hidden;
}
</style>
<script>
$(document).ready( function() {
$("body").append("<div id='idCargando'></div>");
$("a").click(function(mievento){
$("#idCargando").css( {"visibility":"visible"}); /* aqui deberia de habilitar la imagen*/
/*window.setTimeout("MostrarAlerta();", 2000);*/
for (x=1;x<55555555;x++) {$("#idCargando").css( {"visibility":"visible"});}
$("#idCargando").css( {"visibility":"hidden"});
/*alert("ya termino");
//setTimeout ("alert ('Después');", 5000); */
});
});
</script>
<title>Prueba Sitio</title>
</head>
<body>
<h6>Hola a Todos esta es una prueba de Sitio para ver que todo este bien</h6>
<?php echo "programa php".'</br>'; ?>
<a href="http://www.google.com" Title="Ir a GOOGLE">Checar en Google.com</a>
</body>
</html>