Bloqueo de Pantalla

En esta ocasión revisaremos dos opciones para hacer el bloqueo de pantalla para impedir que los usuarios puedan hacer doble clic en los botones o algún otro elemento y darle una señal visual de que el sistema esta procesando la acción.

La primera opción es protoload que hace uso de la librería Prototype , la dirección es:

http://aka-fotos.de/protoload/

Para hacerla funcionar solo debemos incluir las librerías js y la hoja de estilo que se pueden descargar de la pagina dentro del jsp y con un código simple como el siguiente funciona de maravilla:


<input type="button" onclick="javascript: initEspera();">

<script>
function initEspera() {
$(document.body).startWaiting();
}
</script>


La segunda opción es jQuery Block UI que usa jQuery, su dirección es:

http://malsup.com/jquery/block/

Este componente tiene una mayor grado de configuración que Protoload, además de mayor documentación, para hacerlo funcionar descargamos el componente de la pagina y ponemos las librerías y hoja de estilos correspondientes, con el siguiente código podemos hacer funcionar el componente.


<input type="button" onclick="javascript: initEspera();">

<script>
function initEspera() {
$.blockUI();
}
</script>


Espero les sirva, suerte.