Foros del web, para los que viven de bits

TrucosJuan · 12-may-2008, 15:55

He estado buscando por todo el foro de javascript y no he encuentro ni un tema que se relacione, de no ser así pido disculpas...

Lo que sucede es que tengo un código que muestra un mensaje cuando la página está cargando y desaparece cuando ya está todo visible...

Lo que quisiera hacer es que cuando estee mostrando el mensaje no se vea nada más que el fondo de la página o que solo muestre el mensaje u otra página menos pesada y estos se salgan en cuanto la página ya halla terminado de cargar...

Esto lo hago porque a veces algunos de los que visitas mi página se "desesperan" y comienzan a mover la barra de desplz haciendola aún más lenta

Y acá un ejemplo:
http://www.yomaster.com/efectos.php << la página mientras carga muestra tan solo el fondo y la imagen de cargando...

Y si pudiesen darme recomendaciones para hacer mi pag no tan lenta como me indican les agradecería aún más: www.zonahurbana.com

killerangel · 12-may-2008, 20:20

codigo javascript que va en el head

Código:

function is_loaded() { //DOM
if (document.getElementById){
document.getElementById('preloader').style.visibility='hidden';
}else{
if (document.layers){ //NS4
document.preloader.visibility = 'hidden';
}
else { //IE4
document.all.preloader.style.visibility = 'hidden';
}
}
}

en tu body haces

Código:

<body onload="is_loaded();">
(despues de cargar la web completa se llama a la funcion)

y claro la capa que oculta todo sería.

Código:

<div id="preloader" style="position:absolute;width:100%; height:800px; background-color:#CCCCCC">
<center><br />Cargando... Espere prorfavor.<br />
<img src="loading.gif" /></center></div>

espero te sirva... aunque si googleas lo hubieras encontrado hace mucho rato ya...
salu2

ha me olvidaba... el codigo del div... aunque no cumple la normativa, lo colo en el head antes de todo... ya que aparece el mensaje mientras cargan los js o estilos que necesitas... detalle q puedes obviar..

TrucosJuan · 12-may-2008, 22:10

Estubiese perfecto sólo si el reproductor en flash que llevo instalado no saliera delante de esta capa...

12-may-2008, 15:55	#1 (permalink)
TrucosJuan Fecha de Ingreso: noviembre-2006 Mensajes: 59	Mensaje "Cargando Página" He estado buscando por todo el foro de javascript y no he encuentro ni un tema que se relacione, de no ser así pido disculpas... Lo que sucede es que tengo un código que muestra un mensaje cuando la página está cargando y desaparece cuando ya está todo visible... Lo que quisiera hacer es que cuando estee mostrando el mensaje no se vea nada más que el fondo de la página o que solo muestre el mensaje u otra página menos pesada y estos se salgan en cuanto la página ya halla terminado de cargar... Esto lo hago porque a veces algunos de los que visitas mi página se "desesperan" y comienzan a mover la barra de desplz haciendola aún más lenta Y acá un ejemplo: http://www.yomaster.com/efectos.php << la página mientras carga muestra tan solo el fondo y la imagen de cargando... Y si pudiesen darme recomendaciones para hacer mi pag no tan lenta como me indican les agradecería aún más: www.zonahurbana.com

12-may-2008, 20:20	#2 (permalink)
killerangel Fecha de Ingreso: septiembre-2007 Ubicación: Lima-Perú Mensajes: 280	Re: Mensaje "Cargando Página" codigo javascript que va en el head Código: function is_loaded() { //DOM if (document.getElementById){ document.getElementById('preloader').style.visibility='hidden'; }else{ if (document.layers){ //NS4 document.preloader.visibility = 'hidden'; } else { //IE4 document.all.preloader.style.visibility = 'hidden'; } } } en tu body haces Código: <body onload="is_loaded();"> (despues de cargar la web completa se llama a la funcion) y claro la capa que oculta todo sería. Código: <div id="preloader" style="position:absolute;width:100%; height:800px; background-color:#CCCCCC"> <center><br />Cargando... Espere prorfavor.<br /> <img src="loading.gif" /></center></div> espero te sirva... aunque si googleas lo hubieras encontrado hace mucho rato ya... salu2 ha me olvidaba... el codigo del div... aunque no cumple la normativa, lo colo en el head antes de todo... ya que aparece el mensaje mientras cargan los js o estilos que necesitas... detalle q puedes obviar..

12-may-2008, 22:10	#3 (permalink)
TrucosJuan Fecha de Ingreso: noviembre-2006 Mensajes: 59	Re: Mensaje "Cargando Página" Estubiese perfecto sólo si el reproductor en flash que llevo instalado no saliera delante de esta capa...

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado