Utilizando BlockUI
BLOCKUI
Html
<div id="mensajitos2" style="display:none">
<br>
<table border="0">
<tr>
<td> </td>
<td rowspan=2 valign="top"><div id='mostrar_imagen2'></div></td>
<td width="10px"> </td>
<td height="20px" valign="bottom"><b><div id="contenido2"></div></b></td>
</tr>
<tr>
<td> </td>
<td align="center" colspan="3"><input type='button' id='Aceptar' value='Aceptar'></td>
</tr>
</table>
<br>
</div>
Javascript
$("#contenido2").html("El proceso se realizó satisfactoriamente.");
$("#mostrar_imagen2").html("<img src='../images/correcto.png'>");
$.blockUI({
message: $('#mensajitos2'),
fadeIn: 700,
fadeOut: 700,
css: { border: 'none',width: '350px',height:'100px'}
});
$('#Aceptar').click(function() {
$.unblockUI();
});
Html
<div id="mensajitos2" style="display:none">
<br>
<table border="0">
<tr>
<td> </td>
<td rowspan=2 valign="top"><div id='mostrar_imagen2'></div></td>
<td width="10px"> </td>
<td height="20px" valign="bottom"><b><div id="contenido2"></div></b></td>
</tr>
<tr>
<td> </td>
<td align="center" colspan="3"><input type='button' id='Aceptar' value='Aceptar'></td>
</tr>
</table>
<br>
</div>
Javascript
$("#contenido2").html("El proceso se realizó satisfactoriamente.");
$("#mostrar_imagen2").html("<img src='../images/correcto.png'>");
$.blockUI({
message: $('#mensajitos2'),
fadeIn: 700,
fadeOut: 700,
css: { border: 'none',width: '350px',height:'100px'}
});
$('#Aceptar').click(function() {
$.unblockUI();
});
Comentarios
Publicar un comentario