miércoles, julio 15, 2026

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 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

Redes Sociales

2,736FansMe gusta
326SeguidoresSeguir

Popular esta semana

Como leer un archivo XML en .NET (VB & C#)

Aprendamos a leer un archivo en XML con XML XMLTextReader y XmlDocument

Llamar funciones JavaScript desde el code-behind en ASP.NET

Explicamos como llamar métodos o funciones de JavaScript en nuestras aplicaciones en ASP.NET, eventos de botones o desde el code-behind.

¿Cómo agregar una IP adicional en una VM Ubuntu en Azure?

Lo más común al momento de crear y configurar un nuevo servidor es que a este le asigne un solo IP, pero...

Últimos artículos

SQL Server MERGE

MERGE in SQL Server for Insert, Delete and Update with two tables

Practical example using MERGE to synchronize two tables, Insert, Update and Delete in a single query. Valid for SQL SERVER 2008 or...

Como crear una API REST con ASP.NET Core 6.0

Crear una API REST con C# en ASP.NET es un proceso sencillo y rápido que permite exponer un conjunto de recursos a...
Machine Learning & Python

Introducción a Machine Learning en Python

Machine Learning es una rama de la inteligencia artificial que se enfoca en el desarrollo de sistemas que pueden aprender de...
SQL Server MERGE

MERGE en SQL Server, como utilizarlo de forma sencilla

El comando MERGE en SQL Server se utiliza para combinar datos de varias tablas en una sola tabla. Es útil para actualizar...