Confirmation with save and discard button

Question

How can we create a confirmation alert in javascript with a save and discard button in it? If we use the code

confirm('Do you want to save it?');

We will get an alert box with ok cancel. How can we make the text of ok button as save and the other as discard?

possible duplicate of [Changing the default title of confirm() in JavaScript?](http://stackoverflow.com/questions/43955/changing-the-default-title-of-confirm-in-javascript) — Quentin, May 31 '11 at 11:01
Have a look at this similar question: http://stackoverflow.com/questions/823790/javascript-confirm-popup-yes-no-button-instead-of-ok-and-cancel — Kris, May 31 '11 at 11:02

score 4 · Accepted Answer · answered May 31 '11 at 11:11

You cannot modify the default javascript method "confirm". But, you can override it, for example, with jQuery UI dialog:

window.confirm = function (message) {
  var html = "<div style='margin:20px;'><img style='float:left;margin-right:20px;' src='/img/confirm.gif' alt='Confirm'/><div style='display:table;height:1%;'>" + message + "</div></div>";

  $(html).dialog({ closeOnEscape: false,
    open: function (event, ui) { $('.ui-dialog-titlebar-close').hide(); },
    modal: true,
    resizable: false,
    width: 400,
    title: "Confirmation",
    buttons: { 
        "Save": function () {
            //Do what you need
        },
        "Cancel": function () {
            $(this).dialog("close"); 
        } 
    }
  });
}

score 0 · Answer 2 · edited May 23 '17 at 10:00

0

this is not possible

Confirmation with save and discard button

3 Answers3