¿Como bloquear los enlaces hasta que la pagina este cargada completamente?

rigeliux1 · #1 (**permalink**) 22/01/2010, 00:06

Buenas, primero que nada he usado este foro mas de mil veces debido que siempre encuentro las respuestas necesarias a los problemas con los que me encuentro, solo que esta ves me he topado con uno muy grande (ya busque por el foro y no encuentro una solucion parecida a lo que necesito), en fin, voy a tratar de explicarlo de la mejor manera:

Problema:
El problema consiste en que quiero bloquear los enclaces (<a href="#">) hasta que la pagina este completamente cargada, es decir, que las imagenes esten cargadas y los js tambien.

Razon:
En ie7, ie8 y demas navegadores no hay problema, en ie6 (ya se, sus tiempos de ejecucion son mas lentos) el problema esta en que si presionan un enlace que este relacionado (en este caso con el script shadowbox), se abre la pagina del enlace en ves de desplegarme el shadowbox.

Esto solo pasa la primera ves que se carga la pagina, porque si no te esperas y presionas otro enlace y luego regresas, el script ya esta cargado completamente y sin problemas, pero obvio, eso no es lo deseado.

Solucion necesitada:
Un parametro o ejemplo de un script que me bloquee los enlaces hasta que la pagina este completamente cargada.

Jejeje espero haberme explicado lo mejor posible, se que esta largo el post pero necesitaba darme a entender. Gracias por sus respuestas ^^

caricatos · #2 (**permalink**) 22/01/2010, 01:28

Hola:

Supongo que podría velerte poner una capa transparente ocupando toda la página (con estilos, y puesta con document.write, para los que no tienen javascript), y eliminar esa capa con el evento load...

window.onload = function() {
document.body.removeChild(document.body.lastChild)
}

Saludos

pato12 · #3 (**permalink**) 22/01/2010, 01:34

Bueno, primero, Bienvenido a fdw

Ahora si a tu pregunta xD, lo que se me ocurre, es un div que oculte toda la pagina y pones un cartel de cargando. Y despues podes hacer asi para que aparesca la pagina:

Código Javascript:

Ver originalwindow.onload=function(){DOM_DEL_DIV.style.display='block';}

No se me ocurre otra manera xD, ya que tiene que estar cargado el dom para poder anular los <a> y el dom se carga cuando se termina de cargar la pagina :p (pero tambien se puede crear un evento, que cuando se carge el dom aga eso, pero mucho lio xD).
Suerte
Salu2

EDITO:
U.u.. me gano caricatos xD... es mejor su idea :p

caricatos · #4 (**permalink**) 22/01/2010, 02:33

Cita:

Iniciado por pato12

...
EDITO:
U.u.. me gano caricatos xD... es mejor su idea :p

¡Je, je!

Me adelanté porque me olvidé de dar la bienvenida

, ... espero que rigeliux1 no piense que soy maleducado así que bienvenido

Al final, la idea parece ser muy parecida... y en mi caso, lo de usar lastChild me parece muy peligroso, ya que el último hijo del body suele ser un retorno de carro, y podría dar problemas... así que intentando mejorar el asunto, mejor tendría que ser poner un id en el tag...

<head>
...
<style type="text/css">
#oculto {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100";
}
<script type="text/javascript">
window.onload = function() {
document.body.removeChild(document.getElementById( "oculto") );
}
</script>
...
</head>
<body >
...
<script type="text/javascript">
document.write("div id='oculto'></div>");
</script>
<body>

Saludos

rigeliux1 · #5 (**permalink**) 22/01/2010, 19:35

muchas gracias a ambos... probare la solucion dada... les respondo en unas horas y les comento como me fue...PD: si se ve mal lo que aca bo de escribir es por culpa del mobil