Quiero que no se muestre la página hasta que no esté totalmente descargada. COMO?

mickeyzgz · #1 (**permalink**) 01/09/2004, 03:17

Hola a todos,

tengo una página con varias imágenes que tiene cada una un enlace. El problema es que si mientras se están descargando el usuario pincha un imágen, las imágenes que no se han descargado hasta ese momento no se muestran. Por eso quiero evitar que el usuario pueda pinchar una imagen hasta que se descargue la página completamente.

Cómo puedo hacer esto?

Muchas gracias y saludos al foro,

Mickeyzgz

mickeyzgz · #2 (**permalink**) 01/09/2004, 04:07

Hola a todos,

ya he encontrado la solución gracias a CLARAY. Está en este post por si os puede ayudar tambien a vosotros:

http://www.forosdelweb.com/showthrea...ighlight=carga

Muchas gracias,
Mickeyzgz

tunait · #3 (**permalink**) 01/09/2004, 04:17

'ta buena la idea

pero con esa sintaxis sólo te a servir para explorer.

Te sugiero cambies esto

<script language="javascript">
function muestraGranDiv(){
document.all.granDiv.style.visibility = "visible";
}
</script>

por esto

<script language="javascript">
function muestraGranDiv(){
document.getElementById('granDiv').style.visibilit y = "visible";
}
</script>

Otra formula que podrías usar es la siguiente:

A los links de imágenes les pides que al hacer click no hagan nada

<a href="pepe.htm" onclick="return false"><img src="imagen.jpg" /></a>

Y pones esta función en head

<script type="text/javascript">
function enlaces(){
for(m=0; m<document.getElementsByTagName('a'); m++){
document.getElementsByTagName('a')[m].onclick= function(){return true}
}
}
</script>

Y en body llamas a la función en el evento onload

<body onload="enlaces()">

saludos...

seoista · #4 (**permalink**) 01/09/2004, 05:00

Perdonad que me entrometa, pero sólo una pregunta

Código:

<head>
<script language="javascript">
function muestraGranDiv(){
document.all.granDiv.style.visibility = "visible";
}
</script>
</head>

<body onload="muestraGranDiv()">

<div id="granDiv" style="visibility:hidden;">
...
</div>

</body>

el <body...> con más códigos, ¿ cómo se pondría. ?

ASÍ: <body onload="muestraGranDiv()" bgcolor="#EEEEEE" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
ó
ASÍ: <body onload="muestraGranDiv()"; bgcolor="#EEEEEE" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

¿ Con punto y coma (;) ó sin ella?

Muchas gracias.

Saludos

tunait · #5 (**permalink**) 01/09/2004, 05:02

Hola Seoista

Sin el punto y coma

seoista · #6 (**permalink**) 01/09/2004, 05:05

Gracias

tunait

I love you

Khronos · #7 (**permalink**) 01/09/2004, 05:16

Hola tunait ...

He probado:

<head>
<script language="JavaScript" type="text/javascript">
function muestraGranDiv(){
document.getElementById('granDiv').style.visibilit y = "visible";
}
</script>
</head>

<body onload="muestraGranDiv()">
<div id="granDiv" style="visibility:hidden;">
.....
</div>
</body>

De verdad que funciona super bien tanto en IE como en Firefox

... pero me gustaria preguntarte algo:

¿Existirá alguna forma de personalizar el script o el DIV, de manera que durante la carga de las imágenes, que se realiza en background, el usuario pueda ver un texto como "Por favor espere. Cargando contenido..." (que por supuesto, desaparezca al terminar la carga)?

Vale la pregunta para tunait e incluso cualquier persona que pudiera responderla.

Saludos

tunait · #8 (**permalink**) 01/09/2004, 05:21

Claro

basta con que pongas otra capa que contenga ese texto y que se comporte de forma inversa a la otra capa.

Por ejemplo, agregas esto nada más abrir body:

<div id="cargando" style="width: 100%; height: 500px; position: absolute;"> Aquí el código para mostrar el cargando </div>

y a la función le añades ....

<script language="JavaScript" type="text/javascript">
function muestraGranDiv(){
document.getElementById('granDiv').style.visibilit y = "visible";
document.getElementById('cargando').style.visibili ty = "hidden";
}
</script>

El resto lo dejas igual. Supongo que debería funcionar ok

Khronos · #9 (**permalink**) 01/09/2004, 05:58

GRACIAS TUNAIT

...EXCELENTE IDEA, FUNCIONA A LA PERFECCION

Por cierto, podría hacer un resúmen de todos las respuestas de este tópico (y agregarla aki mismo al final) para que así otros usuarios lo tengan de referencia?

eck0z0r · #10 (**permalink**) 01/09/2004, 06:19

en el caso q necesite mostrar una imagen en vez de un mensaje puedo poner la imagen y funcionaria igual???

Khronos · #11 (**permalink**) 01/09/2004, 06:31

Si, lo acabo de probar con una imágen en vez del texto y funciona bien

tunait · #12 (**permalink**) 01/09/2004, 06:39

Cita:

Iniciado por khronos

Por cierto, podría hacer un resúmen de todos las respuestas de este tópico (y agregarla aki mismo al final) para que así otros usuarios lo tengan de referencia?

Claro

y de paso yá que haces el resumen podrías agregarlo a las FAQ del foro de javascript, que me parece que no hay nada similar a esto

Cita:

Iniciado por eck0z0r

en el caso q necesite mostrar una imagen en vez de un mensaje puedo poner la imagen y funcionaria igual???

Yesss, dentro de ese div puedes poner lo que quieras

Khronos · #13 (**permalink**) 01/09/2004, 06:45

OK, gracias tunait

... justo ahora preparare el resumen y en cuanto este listo avisaré

tunait · #14 (**permalink**) 01/09/2004, 06:49

Astupendo

acuérdate de agregar que es una idea original de claray

Khronos · #15 (**permalink**) 01/09/2004, 08:31

Ya está lista la FAQ, bajo el número 61 ...Si tiene tiempo por favor revisela para ver si todo está en orden

tunait · #16 (**permalink**) 02/09/2004, 04:38

La FAQ te ha quedado fenomenal

muchas gracias por el aporte, khronos

Traslado el tema al foro de javascript

movido desde (x)html

Saludos!

Khronos · #17 (**permalink**) 02/09/2004, 10:50

Por nada... ha sido un placer poder colaborar!

Ya he trasladado la ayuda a la sección de FAQ de Javascript y está bajo el número 195

Andie · #18 (**permalink**) 22/11/2006, 15:14

Hola, me ha servido mucho esto, pero tengo un problema con la imagen.
Funciona todo muy bien, salvo que al cargar la pagina, la imagen de 'cargando' que puse, no se va.
Como puedo arreglar eso?

Los codigos los puse tal cual aca.

Muchas gracias