cursor time

hola123 · #1 (**permalink**) 07/03/2011, 11:22

Hola amigos,

Estoy haciendo un pagina y lo que pretendo es que al dar clic en una boton muestre el cursor de tiempo miestras de carga la pagina y cuando termine de cargarse que muestre el curso normal, pero no me queda bien tengo esto:

<script language="javascript">
function cualquierLink(){document.body.style.cursor = "wait";
setTimeout("document.body.style.cursor = 'default'", 5000);}
</script>

maycolalvarez · #2 (**permalink**) 08/03/2011, 14:28

el problema es que si haces una redirección completa de la página, por ejemplo al activar un link, o enviar un formulario cuyos target sean toda la página (_self), automáticamente el navegador liberará los recursos asociados a esa página y perderás dicho efecto.

la solución en este caso, seria cargar vía AJAX el contenido, pero eso implica un rediseño para cargar las capas implicadas.

nachocb_66 · #3 (**permalink**) 08/03/2011, 18:49

Hola,

una posible solucion es que cambies el cursor en el link y cuando empiece la carga de la nueva pagina esta cambie su estilo de cursor a wait hasta que la carga se complete, cambiando el cursor nuevamente con el evento onload.

Código HTML:

 <html>
<head>
<style type="text/css">
<!--
body {cursor: wait}
-->
</style> 
<head>
<body onload="document.body.style.cursor = 'default';">
	Contenido
<body>
</html>

Para el ejemplo que coloco no se nota el cambio ya que el body es de una linea y la carga muy rápida.

En todo caso es una idea.

Saludos