[Demo] jQuery UI Confirm Dialog Box

[Demo] jQuery UI Confirm Dialog Box

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/smoothness/jquery-ui.css">
<a href="http://bootstrapdocs.com/v3.0.3/docs/" id="box" value="Open Confirm Dialog">Open Confirm Dialog</a>
<div id="dialog-confirm"></div>

JavaScript

$('#box').click(function buttonAction() {
    $("#dialog-confirm").html("Do you want to do the thing?");

    // Define the Dialog and its properties.
    $("#dialog-confirm").dialog({
        resizable: false,
        modal: true,
        title: "Do the thing?",
        height: 250,
        width: 400,
        buttons: {
            "Yes": function () {
                
            },
                "No": function () {
               
            }
        }
    });
});

$('#box').click(buttonAction);