Texto centrado "Cargando" al cambiar de página

[pempas]

Hola,

He visto que en páginas como la de los paneles de control Plesk y algunas más, cuando vas cambiando de página aparece una ventanita central que pone "Cargando, espere..." y el fondo se desavanece...

¿Alguien sabe cómo puedo hacer esto?, por lo menos por donde comenzar o como se llama este efecto para buscar info en Google, porque realmente no encuentro nada de nada...

Muchas gracias!

[messer]

Pues con SexyBOX lo puedes conseguir, revisa en www.nofunc.com alli te ubicas en SexyBox y echale un vistzao al codigo..

Espero que te sirva, Saludos!!

[pempas]

Imagino que es lo que necesito, pero estoy aplicando el ejemplo tal y como pone en la página http://www.nofunc.com/Sexy_Box/ pero no me funciona...

Es extraño me dice "undefined es nulo o no es un objeto"

Salu2!

[messer]

Puedes publicar el error? a ver en que te puedo ayudar.. Saludos.

[pempas]

Ya he conseguido que funcionase, el problema es que no tenía la librería lightbox incrustada en la página.

El problema es que ese ejemplo no hace otra cosa que mostrar una ventanita, pero no sé como hacer para que cambie de página.

Pongo aquí el ejemplo para ver si a alguien se le ocurre como hacer para que mientras te muestra ese texto, haga el cambio de página:

Código PHP:

  // JAVASCRIPT
 
function $(v) { return(document.getElementById(v)); }
function $S(v) { return($(v).style); }
function agent(v) { return(Math.max(navigator.userAgent.toLowerCase().indexOf(v),0)); }
function isset(v) { return((typeof(v)=='undefined' || v.length==0)?false:true); }
function XYwin(v) { var z=agent('msie')?Array(document.body.clientHeight,document.body.clientWidth):Array(window.innerHeight,window.innerWidth); return(isset(v)?z[v]:z); }
 
function sexyTOG() { document.onclick=function(){ $S('sexyBG').display='none'; $S('sexyBOX').display='none'; document.onclick=function(){}; }; }
function sexyBOX(v,b) { setTimeout("sexyTOG()",100); $S('sexyBG').height=XYwin(0)+'px'; $S('sexyBG').display='block'; $('sexyBOX').innerHTML=v+'<div class="sexyX">(click outside box to close)'+"<\/div>"; $S('sexyBOX').left=Math.round((XYwin(1)-b)/2)+'px'; $S('sexyBOX').width=b+'px'; $S('sexyBOX').display='block'; }
 
// HTML
 
<div id="sexyBG"></div><div id="sexyBOX" onmousedown="document.onclick=function(){};" onmouseup="setTimeout('sexyTOG()',1);"></div>
 
<a href="#" onclick="sexyBOX('YourURL','300'); return false;">sexy box</a>
 
// CSS
 
#sexyBG { display: none; position: absolute; background: #000; opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40); width: 100%; height: 100%; }
#sexyBOX { display: none; position: absolute; background: #b9e77b; color: #333; text-align: center; border: 1px solid #636D61; top: 70px; z-index: 100; }
.sexyX { font-size: 12px; color: #ddd; padding: 4px 0; border-top: 1px solid #636D61; background: #778574; }  
   

Realmente lo que necesito es que cuando el usuario pulse un link o un botón apareza esta ventana diciendo "Espere, cargando datos..." y que al cambiar de página pues se vaya...

Veo que con este ejemplo más o menos se podría conseguir con enlaces, pero para que cuando se pulse el botón de un formulario también aparezca, ¿cómo sería?

Muchas gracias!

[messer]

Bueno en principio, lo importante aqui es que se muestre la ventana de mensaje y se difumine el contenido supongo, no? para que se muestre cuando hagas click en el boton de un formulario, imagino que solo tendras que agregar la funcion al boton, o en su defecto al form seria onclick="" para el boton y onsubmit="" para el form. Otro punto importante es que esto se mostrara por un determinado tiempo, mientras descarga la pagina, y creo que seria interesante que mientras carga la otra pagina tambien aparezca este efecto, y que una vez cargada, pues desaparezca.. y de alguna forma empalmarian las 2 pags. dentro de una misma aplicacion.

Saludos!

[pempas]

Exactamente, has dado en el clavo!

Pero imagino que debe de haber algún evento en javascript por ejemplo declarándolo en el body de la página que detecte si está se descarga y pasa a cargar otra.

Creo que la mejor manera de aplicarlo sería en ese momento...

Pero claro... no sé por donde comenzar!

Salu2!

[pempas]

Mira, acabo de encontrar esta página que podría servir, es un poco chapucero pero hace el efecto... aunque se puede mejorar mucho:

http://www.js-x.com/page/javascripts....html?view=983

Salu2!