domingo, noviembre 24, 2024

Precarga simple para página web con CSS

Muchas veces tenemos que esperar a que una pagina se cargue, principalmente cuando estas están procesando una cantidad de datos importante, así que para esto está este código que permite indicarle al usuario que espere unos momentos mientras todos los datos se muestran en pantalla.

<script language=»JavaScript»><!–

ns=document.layers
ie=document.all

function esconde() {
if (ie) precarga.style.visibility=»hidden»;
if(ns) document.pregarga.visibility=»hide»;
}
// –>
</script>

<style>
#precarga{position:absolute; width:100%; height:100%; top:0; left:0}
</style>

*Copiar el siguiente script entre las etiquetas HEAD de la página.

Ahora insertar el siguiente código entre las etiquetas BODY de la web:

<body onload=»esconde();»>
<script language=»JavaScript»>
if(ie || ns) document.write('<div id=»precarga» align=»center»><br>Esperen por favor…</div>');
</script>

Este ejemplo fue agregado vía CSSboulevar, el cual es un sitio asociado a DotNetcr.com. Recuerda visitar este interesante sitio dedicado a brindar ayuda en Hojas de Estilo.
CSSboulevar, www.cssboulevar.com.ar

Roy Rojas
Roy Rojashttp://www.dotnetcr.com
Con más de 20 años de experiencia en programación, experto en lenguajes .NET, VB, C#, ASP.NET, Xamarin, XCode, DBA en SQL Server. Creador de dotnetcr.com, sitio web para programadores en español. royrojas.com | dotnetcr.com | GitHub
Roy Rojas
Roy Rojashttp://www.dotnetcr.com
Con más de 20 años de experiencia en programación, experto en lenguajes .NET, VB, C#, ASP.NET, Xamarin, XCode, DBA en SQL Server. Creador de dotnetcr.com, sitio web para programadores en español. royrojas.com | dotnetcr.com | GitHub