Un sencillo cuadro de dialogo en php. Tiene tres argumentos, uno el título, otro el texto del botón y otro el mensaje en el cual podemos insertarle más HTML. Le asignamos una imagen al botón de cerrar o cancelar y . Este mismo puede usarse añadiéndole un botón más como diálogo de confirmación.
// Obtiene el código html de un cuadro de dialogo function getDialog($title, $buttonText, $value1){ $message = "<div class='divcentrado'> <table width='100%' cellspacing="0px"> <tr style='background-color:#73A5C5;color:#FFE4C1;'><td width='30px'></td><td width='180px' style='text-align:left;'>$title</td><td style='text-align:right;'></td></tr> <tr><td colspan='3'></td></tr> <tr><td></td><td colspan='2'>$value1</td></tr> <td colspan='3' height='30px'></td> <tr><td colspan='2'></td><td style='text-align:right;'></td></tr> </table></div>"; return $message; }
y el estilo que se lo podéis incluir al div o dejarlo fuera
.divcentrado {
position: fixed;
left:50%;
top:50%;
margin-left: -200px;
margin-top: -100;
width: 400px;
height: 200px;
background-color: antiquewhite;
box-shadow: 5px 10px;
border-style: double;
border-color: #255c80;
}
.btn {
margin-right:30px;
width:80px;
height: 30px;
cursor: pointer;
background: antiquewhite;
font-weight: bold;
border: 1px solid #73A5C5;
border-radius: 5px;
}
.btn:hover{
color:antiquewhite;
background-color: #73A5C5;
border: 1px solid #fff
}