jQuery dialog con varios botones

Una de las multiples formas que existen para crear ventanas de dialogo es usar un plugin de jQuery UI.
La documentación oficial está muy detallada y bien estructurada además de incluir numerosos ejemplos.
Se puede crear una función que lance el diálogo con el texto y número de botones que queramos de la siguiente forma:

[code]
function showDialog(text, buttons) {
$(‘#alert-dialog’).html(text).dialog({buttons:buttons});
}

var message = “Texto del diálogo”;
var buttons = {};
buttons[“Cancelar”] = function() { $(this).dialog(“close”); };
buttons[“Aceptar”] = function() { loquesea(); };

showDialog(message,buttons);
[/code]

También podemos hacer uso del prototipado de jQuery para hacer la función showDialog genérica y que nos sirva para cualquier elemento que la invoque. Por ejemplo:

[code]
jQuery.fn.showDialog = function (text, buttons) {
$(this).html(text).dialog({buttons:buttons});
}

$(‘#alert-dialog’).showDialog(message,buttons);
[/code]