Ver Mensaje Individual
  #9 (permalink)  
Antiguo 13/02/2006, 11:51
Avatar de ludovico2000
ludovico2000
 
Fecha de Ingreso: noviembre-2003
Ubicación: Bizkaia
Mensajes: 1.315
Antigüedad: 20 años, 5 meses
Puntos: 2
¡¡¡¡lo Hice!!!!
¡¡¡¡lo Hice!!!!
¡¡¡¡lo Hice!!!!
¡¡¡¡lo Hice!!!!
¡¡¡¡lo Hice!!!!

Buscando, buscando por google, encontré un javascript que permite mostrar un mensaje mientras se carga la página, lo he modificado, y ahora tenemos esto:

una página que tiene por cursor el de "help" (será tu "wait") lo primero tiene un div que dice "cargando", y cuando la página ha terminado de cargarse (onload) oculta esa capa "cargando" y devuelve el cursor a "default"

El efecto es que mientras se carga la página, se muestra un mensaje (código encontrado) y se cambia el cursor (aportación ludovico2000)

Aquí está el código: (puedes verlo funcionando en http://www.galeon.com/ludovico2000/test/cargando.htm)

Código:
<html>
<head>
<SCRIPT TYPE="text/javascript" LANGUAGE="javascript">

<!-- PreLoad Wait - Script -->
<!-- This script and more from http://www.rainbow.arch.scriptmania.com 

function waitPreloadPage() { //DOM
if (document.getElementById){
document.getElementById('prepage').style.visibility='hidden';
document.body.style.cursor="default" //línea añadida por ludovico2000 para que tome el cursor "normal" cuando esté lista la página
}else{
if (document.layers){ //NS4
document.prepage.visibility = 'hidden';
document.body.style.cursor="default"//línea añadida por ludovico2000 para que tome el cursor "normal" cuando esté lista la página
}
else { //IE4
document.all.prepage.style.visibility = 'hidden';
document.body.style.cursor="default"//línea añadida por ludovico2000 para que tome el cursor "normal" cuando esté lista la página
}
}
}
// End -->
</SCRIPT>

<style>
BODY{cursor: help} //estilo añadido por ludovico2000 para que asigne en principio el cursor de "espera"
</style>

</head>

<BODY onLoad="waitPreloadPage();">


<DIV id="prepage" style="position:absolute; font-family:arial; font-size:16; left:0px; top:0px; background-color:white; layer-background-color:white; height:100%; width:100%;"> 
<TABLE width=100%><TR><TD><B>Loading ... ... Please wait!</B></TD></TR></TABLE>
</DIV>
<iframe width="300px" height="300px" src="http://www.forosdelweb.com"><!--línea añadida por ludovico2000 para que la página tarde algo en cargar y se vea el efecto-->
</body>