Pantallas de "espere por favor"

KarenFerreira · #1 (**permalink**) 21/04/2005, 08:35

Hola, necesito saber como puedo hacer para poner en el medio de dos scripts una pantalla que le indique al usuario que debe esperar un momento mientras se realiza la transaccion que solicitó, alguien sabe como hacerlo?

lado2mx · #2 (**permalink**) 21/04/2005, 08:42

Puedes usar redireccionadores en META TAGS, y que recarguen cada 5 segundos en caso que se hizo la transacción concreta. Ahí puedes poner en <body> el mensaje que quieres.

Si intentas usarlo con header, solo este hace el cambio de vínculo de manera inmediata, aunque es poco recomendable ya que no puedes ponerle información HTML a esa misma página.

nicolaspar · #3 (**permalink**) 21/04/2005, 09:24

podes hacerlo con js y unos divs...
Despues del body pone:

<div id="mascara" style="width:100%;height:85%;position:absolute;top :90;left:0;background-color:#F5F7F7;z-index:3;filter:alpha(opacity:90);display:none"></div>
<div id="ventanita" style="display:none;position:absolute;top:220;left :350;z-index:4">
<table height=50 width=50% bgcolor=F5F7F7><tr><td>
<b class=titulo>Cartel de espera...podes poner una imagen tambien...</b>
</td></tr></table>
</div>

Y en el onclick de el objeto que dispare la acción (sea un boton, imagen, o link) pones una llamada a la siguiente funcion que pondrasn entre los head:

function mascara(){
document.getElementById("mascara").style.display=" block";
document.getElementById("ventanita").style.display ="block";
}

Dale la opacidad que quieras, y el color que quieeras, esa mascara lo que hara sera desactivarte toda la pagina, por lo cual no se podra hacer clic nuevamente hasta que la pagina que se llamo responda.

KarenFerreira · #4 (**permalink**) 21/04/2005, 14:43

ok, gracias por eso, funciona perfecto, excepto por unos menus desplegables que tengo que quedan ahi, la capa no los cubre, que hago??

nicolaspar · #5 (**permalink**) 21/04/2005, 14:58

Cambiale el top, left, width y height al div padre....o son en flash?

Una cosa, si tenes <select> tenes que ponerlos con con style.visibility a hidden. Si es un flash, no podes hacer nada con este metodo.

KarenFerreira · #6 (**permalink**) 21/04/2005, 14:59

no, listo, lo arreglo diciendo que en la fila donde se encuentran los menus no me muestre nada justo antes de hacer el llamado de la mascara, gracias.

nicolaspar · #7 (**permalink**) 21/04/2005, 15:01

Si le pones un id a dicha celda/columna, podes acultarla mediante css y js.