Foros del Web » Programando para Internet » Javascript »

Problema con la precarga de la pagina

Estas en el tema de Problema con la precarga de la pagina en el foro de Javascript en Foros del Web. Estoy intentando meter una barra de precarga de una pagina para que se sepa que la pagina esta haciendo algo. el ejemplo esta aki: http://www.webexperto.com/articulos/...lo.php?cod=152 ...
  #1 (permalink)  
Antiguo 20/12/2005, 07:24
Avatar de Nombela  
Fecha de Ingreso: abril-2005
Mensajes: 611
Antigüedad: 19 años
Puntos: 1
Problema con la precarga de la pagina

Estoy intentando meter una barra de precarga de una pagina para que se sepa que la pagina esta haciendo algo.

el ejemplo esta aki:

http://www.webexperto.com/articulos/...lo.php?cod=152

pero yo ni en el ejemplo veo que la barra progrese. Xq puede ser??

Alguna opcion del Internet Explorer xq en firefox si ke veo la barra que progrese.
__________________
:si: El hombre es el único animal que come sin tener hambre, bebe sin tener sed y habla sin tener nada que decir. :si:
  #2 (permalink)  
Antiguo 20/12/2005, 13:33
Avatar de ludovico2000  
Fecha de Ingreso: noviembre-2003
Ubicación: Bizkaia
Mensajes: 1.315
Antigüedad: 20 años, 5 meses
Puntos: 2
Mira a ver si tienes deshabilitado javascript en el explorer, porque yo en IE sí que lo veo. .adios:
  #3 (permalink)  
Antiguo 20/12/2005, 13:42
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola:

Esa precarga es de mentira... solo es un efecto que podrías conseguir con un gif animado...

Si realmente te interesa una precarga, te recomiendo que visites las FAQs.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 20/12/2005, 14:10
Avatar de terrariomania  
Fecha de Ingreso: abril-2004
Mensajes: 145
Antigüedad: 20 años
Puntos: 0
A mi me interesaría hacer una sencillita para mi sitio.

¿Es posible hacerla sin cosas raras o Flash?

Un saludo y felices fiestas.
__________________
Si mis bichos hablasen me mandarían a tomar por saco. Mi mujer si que habla.
  #5 (permalink)  
Antiguo 21/12/2005, 07:07
Avatar de ludovico2000  
Fecha de Ingreso: noviembre-2003
Ubicación: Bizkaia
Mensajes: 1.315
Antigüedad: 20 años, 5 meses
Puntos: 2
sí, haces un html que tenga un gif animado con la barrita y que tenga una función o un meta que la cambie por la de destino real al de unos segundos que tarde el gif en llenar la barrita. PERO ESTO ES SÓLO UN EFECTO VISUAL, NO REAL.
  #6 (permalink)  
Antiguo 21/12/2005, 08:15
Avatar de terrariomania  
Fecha de Ingreso: abril-2004
Mensajes: 145
Antigüedad: 20 años
Puntos: 0
Bueno, no me importa que diga el porcentaje de carga real si te refieres a eso. Simplemente algún dibujo que yo puedo hacer y la palabra cargando, y que esto aparezca mientras se acaba de cargar... ¿como lo haría? ¿con el ejemplo de Nombela?

Un saludo.

P.D. he probado con ese codigo pero se me altera el mio, o el web. Me aparecen cosas en amarillo como fallo. Seguro que va en el head el Div? A ver si alguien sabe como se hace por favor. Gracias.
__________________
Si mis bichos hablasen me mandarían a tomar por saco. Mi mujer si que habla.

Última edición por terrariomania; 21/12/2005 a las 08:40
  #7 (permalink)  
Antiguo 22/12/2005, 09:54
Avatar de terrariomania  
Fecha de Ingreso: abril-2004
Mensajes: 145
Antigüedad: 20 años
Puntos: 0
Por favor, nadie sabría como hacerlo funionar?

He creado el gif y todo, jeje, ha quedado bonito creo yo. Miren:



P.D. hoy 22 es mi cumpleaños, haganlo por eso, jejeje.
__________________
Si mis bichos hablasen me mandarían a tomar por saco. Mi mujer si que habla.
  #8 (permalink)  
Antiguo 22/12/2005, 13:47
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola:

En principio que tengas un felíz cumpleaños... (¿Deberías estar emborrachándote... o casi...)

Bueno, está bien el dibujito ... ahora tienes que ubucarlo, y para que no descuadre tu página, creo que sería mejor que sus estilos sean position absolute, y tanto el left y el top a 50%... (Esas son cosas que tendrías que ir probando).

El evento que detecta que la página se ha cargado es el load en la etiqueta body, pero no indica que se hayan cargado las imágenes, así que con las imágenes tendrías que recorrer la colección de imágenes hasta que todas esten con su atributo complete a true...

<script>
function cargando() {
cargadas = true;
for (var i = 0, imgs = document.images, total = imgs.length; i < total; i ++)
cargadas = cargadas && imgs[i].complete;
if (!cargadas) setTimeout("cargando()", 100)
else document.images.carga.style.visibility = "hidden";
}
//...
</script>
<!-- resto de cabecera -->
<body onload="cargando()" >
<!-- cuerpo -->
<img src="cargando.gif" name="carga" />

Espero que te sirva

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #9 (permalink)  
Antiguo 22/12/2005, 16:18
Avatar de terrariomania  
Fecha de Ingreso: abril-2004
Mensajes: 145
Antigüedad: 20 años
Puntos: 0
Gracias, he tenido un muy feliz cumpleaños, todo el día casi con mi novia en la calle, jeje.

A lo que me das... mañana lo pruebo que ahora ando reventado (acbo de meter el code, jejee). No he entendido muy bien lo que me dices de 50% y tal. Tampoco lo de las imágenes. Soy muy malo con los codes aunque yo creo que solo de lo que ustedes me van explicando cojere el tranquillo a base de verlo.

Mira, este es el code que se me queda:

...
...
<script>
function cargando() {
cargadas = true;
for (var i = 0, imgs = document.images, total = imgs.length; i < total; i ++)
cargadas = cargadas && imgs[i].complete;
if (!cargadas) setTimeout("cargando()", 100)
else document.images.carga.style.visibility = "hidden";
}
//...
</script>
</head>

<body bgcolor="#FFFFFF" bgproperties="fixed" onLoad=" cargando() fondo('botones/geckos1.jpg','botones/sobremi1.jpg','botones/miscelanea1.jpg','botones/compa%F1eros1.jpg','botones/fotografias1.jpg','botones/contacto1.jpg','botones/culebras1.jpg','botones/otrosanimales1.jpg','botones/disponible1.jpg')">
<meta http-equiv="imagetoolbar" content="no">
<img src="logos/cargando.gif" name="carga" />
...
...

No sé si este nuevo code es incompatible con el que tenía para que los fondos de la Tabla superior y el de la página fueran cambiando en cada refresh... porque ahora no aparecen ninguno.

La página donde metí esto que me dijiste es:

http://personal.telefonica.terra.es/...piadeindex.htm

Y la misma pero sin este nuevo code:

http://personal.telefonica.terra.es/...diaz/index.htm

Muchisimas gracias y me alegra que te guste el dibujo. Alganas cosas parece que no las hago mal del todo, jeje, aunque no sean los codigos, jajaaa.

Un abrazo a todos y feliz navidadadadadadaddada!!!!!!!!!
__________________
Si mis bichos hablasen me mandarían a tomar por saco. Mi mujer si que habla.
  #10 (permalink)  
Antiguo 22/12/2005, 17:01
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Vamos mejorando...

Debes separar las instrucciones de la etiqueta body (onload) con punto y coma (;)

Te recomiendo que pruebes tu código con mozilla u opera (tienen una consola javascript que facilita ver los errores...)

Saludos y por supuesto muchas felicidades...
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #11 (permalink)  
Antiguo 23/12/2005, 09:06
Avatar de terrariomania  
Fecha de Ingreso: abril-2004
Mensajes: 145
Antigüedad: 20 años
Puntos: 0
ok, he puesto el ";" y parece haber mejorado considerablemente.

También he metido el gif en una Capa y así lo he logrado centrar en la página.

Ahora lo que ocurre es que se ve superpuesto a la página mientras esta carga. Lo ideal sería que la página no apareciese hasta estar totalemente cargada, es decir, que apareciera este gif sobre el fondo en blanco hasta que estubiese totalmente cargada y apareciera completamente. Supongo que me entendeis a pesar de mi mala explicacion.

No sé si aparte de eso será necesaria alguna otra corrección de eso (el efecto cargando). Quizas se me haya escapado algo. De ser así decidmelo por favor.

Total, que como evito que se vea la página cargar (como he explicado arriba). Podeis ver el resultado en:

http://personal.telefonica.terra.es/...piadeindex.htm

Felices fiestas y gracias.

Un saludo caricatos.

P.D. acabo de darme cuenta... se va el gif antes de que se cargen los fondos (tanto el de la página como el de la celda de arriba) eso debería areglarlo también. Please.
__________________
Si mis bichos hablasen me mandarían a tomar por saco. Mi mujer si que habla.
  #12 (permalink)  
Antiguo 25/12/2005, 09:00
Avatar de terrariomania  
Fecha de Ingreso: abril-2004
Mensajes: 145
Antigüedad: 20 años
Puntos: 0
No hay forma de que la página no aparezca hasta que este totalmente cargada? Que mientras está cargando solo aparezca el gif sobre un fondo blanco...

Por cierto, tampoco sé que es eso de mozilla. Hasta ahora cuando os leia hablar de él me parecía que fuese algo como el internet explorer... que es y que hago con él amigo.

Muchas gracias y feliz navidad.
__________________
Si mis bichos hablasen me mandarían a tomar por saco. Mi mujer si que habla.
  #13 (permalink)  
Antiguo 25/12/2005, 09:02
Avatar de terrariomania  
Fecha de Ingreso: abril-2004
Mensajes: 145
Antigüedad: 20 años
Puntos: 0
Además acabo de ver que no puedo hacer click o seleccipnar texto de la zona donde está la capa invisible... gran fallo verdad? esto se complica.
__________________
Si mis bichos hablasen me mandarían a tomar por saco. Mi mujer si que habla.
  #14 (permalink)  
Antiguo 25/12/2005, 11:43
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Hola:

Puedes poner la página en una capa oculta, y al cargar las imágenes mostrarla...

<body onload="cargando()" >
<div id="contenido" style="visibility: hidden" >
<!-- aquí la página -->
</div>

<div id="cargador" >
<!-- aquí la imagen -->
</div>

</body>

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #15 (permalink)  
Antiguo 25/12/2005, 15:34
Avatar de terrariomania  
Fecha de Ingreso: abril-2004
Mensajes: 145
Antigüedad: 20 años
Puntos: 0
Y eso es una buena solución?

Si me dices que es preferible no poner este efecto de precarga no lo pongo (aunque quedaría chulo). Lo que no quiero es que esto me cree desventajas o problemas de usabilidad (como lo de la selección del texto o el no poder clickar los botones que se superponen a la capa del gif).

Un saludo y gracias por tu paciencia amigo.
__________________
Si mis bichos hablasen me mandarían a tomar por saco. Mi mujer si que habla.
  #16 (permalink)  
Antiguo 28/12/2005, 07:40
Avatar de terrariomania  
Fecha de Ingreso: abril-2004
Mensajes: 145
Antigüedad: 20 años
Puntos: 0
No más respuestas?

Saludooosss...
__________________
Si mis bichos hablasen me mandarían a tomar por saco. Mi mujer si que habla.
  #17 (permalink)  
Antiguo 28/12/2005, 10:05
Avatar de terrariomania  
Fecha de Ingreso: abril-2004
Mensajes: 145
Antigüedad: 20 años
Puntos: 0
No importa no importa, creo que dejaré este tema por el momento ya que me parece que los contras superan a los pros.

Muchísimas gracias, sobre todo a Caricatos.

saludos.
__________________
Si mis bichos hablasen me mandarían a tomar por saco. Mi mujer si que habla.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:09.