Yes or No confirm box using jQuery

Yes or No confirm box using jQuery

by Krzysztof Niecikowski

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div id='confirmation'></div>

CSS

.ui-widget-content {
    border: 0px !important;
    }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none !important;
    text-align: center !important;
}
.ui-dialog-titlebar-close {
    visibility: hidden;
}

JavaScript

ConfirmDialog();

function ConfirmDialog(){
    $('#confirmation').appendTo('body')
                    .dialog({
                        width: 200,
                        height:100,
                        modal: true, 
                        title: 'Are you Sure?', 
                        zIndex: 10000, 
                        autoOpen: true,
                        resizable: false,
                        buttons: {
                            Yes: function () {
                                $(this).dialog("close");
                            },
                            No: function () {                           		                              
                                $(this).dialog("close");
                            }
                        }
                    });
    };