Crear cuadro de diálogo con jQuery UI

dialog es una utilidad de jQuery UI para la creación de cuadros de diálogos personalizados, es una manera de dar estilo al funcionamiento de la página web, en lugar de utilizar las alertas incómodas de Javascript.

Algunos de los métodos que acepta  dialog son los siguientes ...

autoOpen: true | false // Modo de apertura
resizable: tue | false // Modificar las dimensiones
height: integer // altura
modal: true | false // capa y fondo opaco
buttons: permite añadir botones
cancel: crear botón de cancelar // ejemplo -> Cancel: function() {$( this ).dialog( "close" );

Ejemplo de uso de la clase dialog() Jquery UI

Ejemplo de cuadro de diálogo, pon aquí tu aviso

Javascript ... HTML ...