jQuery Dialog Confirm

by fenve

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.23/themes/redmond/jquery-ui.css">
<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");
});