CSS, Javascript e HTML per un effetto molto interessante

Quando volete creare un layer trasparente che vada a coprire la pagina web sottostante per evitare, ad esempio, che l’utente clicchi due volte un tasto submit o altri tasti presenti nella pagina dopo che ha già compiuto una determinata azione, potete seguire questi consigli. Lo stesso codice farà anche apparire una barra di caricamento che aiuta a dissipare le ansie di chi è davanti al monitor e attende una elaborazione lunga.

Creiamo il giusto stile

<style type="text/css">
td.loading { text-align: Center; color: #3B3C8C; font: Bold 11px Verdana; }
td.barra { background-color: #3B3C8C; border: Solid 1px #D4B600; }
#barra { background-color: #F7E86D; }
#percentuale { text-align: Center; color: #3B3C8C; font: Bold 10px Verdana; }
</style>

Definiamo un metodo javascript che si occupi di rendere visibile il layer e gestire la barra di avanzamento

More »