Cambiar el tipo de cursor una vez cargada la página

 
El estilo del cursor se puede definir con los estilos, pero puede que en un momento dado, ya cargada la página queramos cambiar el cursor, por ejemplo que mientras se ejecute una sentencia JavaScript especialmente larga aparezca el cursor de "espera".

Esto lo podemos hacer, gracias a que desde JavaScript, podemos llamar al estilo de cualquier objeto, de la siguiente forma:

objeto.style.nombreEstilo = "valor_del_estilo";


Con la característica de que si el estilo esta separado por un guión (-), en JavaScript, lo que hace es quitar este guion y poner la siguiente letra en mayúscula, por ejemplo el estilo "text-align" pasa a ser en JavaScript "textAlign", o "border-top" pasa a ser "borderTop".

La función de ejemplo muestra una función que simula la tardanza de 5 segundos, tiempo en el cual aparece el símbolo típico de "espera" típico.


En el HEAD:
<script language="javascript">
//Su explorador no soporta java o lo tiene deshabilitado; esta pagina necesita javascript para funcionar correctamente<!--
//Copyright © McAnam.com
    
    function cualquier_funcion(){
        
        document.body.style.cursor = "wait";
        
        setTimeout("document.body.style.cursor = 'default'", 5000);
        
    }
//-->    
</script>

En el BODY:
<input type="button" value="Ejecutar una función cualquiera" onclick="cualquier_funcion()">

Links relacionados:
Cambiar el puntero del ratón
Manejo de los estilos en JavaScript
Saber posición (coordenadas) del ratón


Para cualquier duda, consulta, sugerencia, opinión, colaboración, etc; no dude en ponerse en contacto con nosotros

Copyright © 2002-2017 [McAnam]. Reservados todos los derechos.
www.mcanam.com