Utilizando BlockUI

BLOCKUI

Html

<div id="mensajitos2" style="display:none">
<br>
<table border="0">
 <tr>
  <td>&nbsp;</td>
  <td rowspan=2 valign="top"><div id='mostrar_imagen2'></div></td>
  <td width="10px">&nbsp;</td>
  <td height="20px" valign="bottom"><b><div id="contenido2"></div></b></td>
 </tr>
 <tr>
  <td>&nbsp;</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

Entradas populares de este blog

Subir proyecto al repositorio existente en Bitbucket

Sonarqube : The component parameter is missing