Caja Dialogo custom

personalizando caja de mensaje.

by fenve

HTML

<button id="callConfirm">Confirm!</button>

<div id="dialog" title="Aviso">
  El sistema guardará los cambios automaticamente en 30s, necesita más tiempo?
</div>

JavaScript

$("#dialog").dialog({
   autoOpen: false,
   modal: true,
   buttons : {
        "Mas tiempo" : function() {
            alert("mas tiempo!");            
        },
        "Autoguardar" : function() {
          $(this).dialog("close");
        }
      }
    });

$("#callConfirm").on("click", function(e) {
    e.preventDefault();
    $("#dialog").dialog("open");
});