<div id='Recarga' style="display:none;background-color:Gray;color:White; position:absolute; width:100%;height:100%;z-index:10000; margin:0px; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60">
<center>
<table width='100%' height='100%' >
<tr>
<td valign="middle" align="center"><div style="font-size:20pt; font-weight:bold; font-family:Verdana; color:White">Espere un momento por favor...</div></td>
</tr>
</table>
</center>
</div>
La tabla contenido del formulario:
<TABLE id="Table1" height="500" cellSpacing="1" cellPadding="1" width="790" border="0">
<TR>
<TD>COLUMNA 1
</TD>
<TD>COLUMNA 2
</TD>
</TR>
</TABLE>
<asp:Button id="btn_generar" runat="server" Text="Generar"></asp:Button>
El script que mostrara el div bloqueador, y ocultara la tabla:
$(function(){
$("[id$='btn_generar'],[id$='imb_imprimir']").click(function()
{
$('#Table1').hide();
$('#Recarga').show();
});
});
Programando en el botón servidor "btn_generar" doble click sobre el mismo
System.Threading.Thread.Sleep(2000);
Esto hará que el botón tarde 2 segundos en responder, solo es para ver mejor el ejemplo.
No hay comentarios:
Publicar un comentario