Ver Mensaje Individual
  #5 (permalink)  
Antiguo 26/09/2007, 13:23
Avatar de pempas
pempas
 
Fecha de Ingreso: diciembre-2003
Ubicación: Barcelona
Mensajes: 985
Antigüedad: 21 años, 2 meses
Puntos: 6
Re: Texto centrado "Cargando" al cambiar de página

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-size12pxcolor#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!