Comunidad de diseño web y desarrollo en internet online

Preloader para cada pagina

Citar            
MensajeEscrito el 01 Feb 2007 11:51 pm
Hola Amigos. Tengo una pequeña duda y quisiera saber quien me puede ayudar

Quiero poner un preloader en cada jsp de mi aplicacion usando javascripts o ajax, ya he encontrado muchos preloaders y me funcionan pero no como yo quiero.

Lo que hacen es checar la barrita verde de recarga de la pagina y eso esta bien por un lado, pero lo que necesito es que al darle click en cualquier link de mi aplicacion justo en ese momento y antes de pasar al siguiente jsp o pagina html me muestre un gif de carga de pagina(que no desaparezca), y despues de que se hayan cargado completamente todos los datos del jsp, que desaparezca ese gif o animacion.
La funcion que siento me puede ayudar es la que contiene el objeto document.getElementById con un (id) que se utilizara dentro de un <div> , pero no me toma en cuenta el link.
Me parece que es algo muy cencillo pero ya me he tardado dos dias y no encuentro la funcion que me sirva para este caso.

Les agradeceria muchisimo que alguien me pueda ayudar
Gracias por su ayuda

Por Zenzuji

1 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 02 Feb 2007 01:30 am
zenzuji, si no nos muestras qué has hecho o qué has probado, vamos a inferir que tu trabajo = 0 y estás pidiendo que lo hagamos por ti. debes tener una idea de qué es lo que estás haciendo ya que, de entrada, html+css es MUY diferente a trabajar en flash.
lo que se me ocurre es un return false en todos los enlaces y de ahí haces las cargas necesarias al estilo gmail.

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 02 Feb 2007 12:47 pm

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 02 Feb 2007 04:09 pm
Este es el jsp default que utilizo para toda la aplicacion manda las reglas al ser cargada cada pagina dentro de mi aplicacion
<head>
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function clearPreloadPage() { //DOM
if (document.getElementById){
document.getElementById('prepage').style.visibility='hidden';
}else{
if (document.images) {
image1_over = newImage("images/image1_over.gif");
}
if (document.layers){ //NS4
document.prepage.visibility = 'hidden';
}
else { //IE4
document.all.prepage.style.visibility = 'hidden';
}
}
}
// End -->

</SCRIPT>


Este es el body de mi jsp default

<body onLoad="clearPreloadPage();">

Este es el div con la ip dentro del body de mi jsp de default

<div id="prepage" style="position:absolute; font-family:arial; font-size:16; left:725px; top:0px; background-color:black; layer-background-color:white; height:100%; width:5%;">
<tr><td>
<img src="/images/preloaderlight.gif"></td></tr>
</div>

</body>
</html>

Por Zenzuji

1 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 02 Feb 2007 05:58 pm
si no le pones etiquetas code cuando utilices código nadie te va a entender.

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 03 Feb 2007 02:20 am

Ramm escribió:



La técnica que usa Lightbox (y el resto de script de ventanas modulares de este tipo) es muy sencilla y no es exactamente un preloader. Es solo un gif animado que tiene un loop infinito de movimiento, se agrega como un background al div, y cada que se le pide que cargue la imagen el background se mostrará detrás. Una vez la imagen haya cargado "cubrirá" el background, creando el efecto de un preloader.

El problema en esto es que si la imagen o contenido a cargar no existe, el background se mostrará infinitamente (aunque puede ser solucionado con un timeout en js), además no muestra la cantidad exacta de la carga, ni un porcentaje ni nada similar. Es solo un fake preloader, por decirlo asi. En fin, solo quería comentar esto.

Saludos

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.