Make javascript alert Yes/No Instead of Ok/Cancel

Question

function btnSelete_Click() {
    var strconfirm = confirm("Are you sure you want to delete?");
    if (strconfirm == true) {
        return true;
    }
}

<asp:Button ID="btnSelect" runat="server" Text="Select" Onclientclick="return btnSelete_Click();" CssClass="cssbutton" />

How to create a yes/no/cancel alert box instead of ok/cancel alert box in Javascript?

possible duplicate of [Javascript Confirm popup Yes, No button instead of OK and Cancel](http://stackoverflow.com/questions/823790/javascript-confirm-popup-yes-no-button-instead-of-ok-and-cancel) — ThiefMaster, Jun 15 '12 at 07:45

FredFury · Answer 1 · 2017-07-28T06:35:50.927

In an attempt to solve a similar situation I've come across this example and adapted it. It uses JQUERY UI Dialog as Nikhil D suggested. Here is a look at the code:

HTML:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<input type="button" id="box" value="Confirm the thing?" />
<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() {
        $(this).dialog('close');
        alert("Yes, do the thing");
      },
      "No": function() {
        $(this).dialog('close');
        alert("Nope, don't do the thing");
      }
    }
  });
});

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

I have a few more tweaks I need to do to make this example work for my application. Will update this if I see it fit into the answer. Hope this helps someone.

score 7 · Answer 2 · edited Aug 31 '17 at 13:55

7

You cannot do that with the native confirm() as it is the browser’s method.

You have to create a plugin for a confirm box (or try one created by someone else). And they often look better, too.

Additional Tip: Change your English sentence to something like

Really, Delete this Thing?

edited Aug 31 '17 at 13:55

TRiG

10,148
7
57
107

answered Jun 15 '12 at 07:46

6

End confirmation message something like "Press OK button to confirm." – Dasun Jul 24 '13 at 11:28

score 4 · Accepted Answer · edited Jan 29 '16 at 16:03

4

You can use jQuery UI Dialog.

These libraries create HTML elements that look and behave like a dialog box, allowing you to put anything you want (including form elements or video) in the dialog.

edited Jan 29 '16 at 16:03

Andrew

18,680
13
103
118

answered Jun 15 '12 at 07:49

Nikhil D

2,479
3
21
41

score 2 · Answer 4 · answered Aug 20 '20 at 22:34

2

Built a tiny, confirm-like vanilla js yes / no dialog.
https://www.npmjs.com/package/yesno-dialog

answered Aug 20 '20 at 22:34

Alex Sidorenko

546
1
3
14

A link to a solution is welcome, but please ensure your answer is useful without it: [add context around the link](//meta.stackexchange.com/a/8259) so your fellow users will have some idea what it is and why it’s there, then quote the most relevant part of the page you're linking to in case the target page is unavailable. [Answers that are little more than a link may be deleted.](//stackoverflow.com/help/deleted-answers) – Yunnosch Aug 27 '20 at 19:29
Thanks dude... simple but useful! Thanks for sharing – Cristianjs19 Mar 12 '21 at 05:19

score 1 · Answer 5 · edited Jul 13 '16 at 20:32

I shall try the solution with jQuery, for sure it should give a nice result. Of course you have to load jQuery ... What about a pop-up with something like this? Of course this is dependant on the user authorizing pop-ups.

<html>
    <head>
    <script language="javascript">
    var ret;
    function returnfunction()
    {
        alert(ret);
    }
    </script>
</head>
    <body>
        <form>
            <label id="QuestionToAsk" name="QuestionToAsk">Here is talked.</label><br />
            <input type="button" value="Yes" name="yes" onClick="ret=true;returnfunction()" />
            <input type="button" value="No" onClick="ret=false;returnfunction()" />
        </form>
    </body>
</html>

score 1 · Answer 6 · answered Mar 01 '18 at 13:13

"Confirm" in Javascript stops the whole process until it gets a mouse response on its buttons. If that is what you are looking for, you can refer jquery-ui but if you have nothing running behind your process while receiving the response and you control the flow programatically, take a look at this. You will have to hard-code everything by yourself but you have complete command over customization. https://www.w3schools.com/howto/howto_css_modals.asp

Make javascript alert Yes/No Instead of Ok/Cancel

6 Answers6