JQuery confirm dialog

Question

Possible Duplicate:
Yes or No confirm box using jQuery

I see a lot of examples here about replacements for jQuerys standard confirm dialog but don't understand any of them.

If I want to pop-up a confirm dialog using jQuery or jQueryUI. How can i do it and retrieve what button the user clicked ?

Surely there must be a simple way to set up a confirm dialog like an alert("Something!"); command.

Add two buttons to it and set a call back function on yes or no ?

http://stackoverflow.com/questions/3383546/jquery-confirmation-samples — MayoMan, Sep 27 '12 at 08:34
I have tried tweaking this one to suit my needs but can't get it working — MayoMan, Sep 27 '12 at 08:36
Check out this jQuery plugin: http://myclabs.github.com/jquery.confirm/ — Matthieu Napoli, May 17 '13 at 08:11
Pop-up confirm dialog with jQuery only (no jQueryUI needed) http://jsfiddle.net/B92M5/ — Adriano, Jul 16 '14 at 08:48
http://stackoverflow.com/questions/1328723/how-to-generate-a-simple-popup-using-jquery — Adriano, Jul 16 '14 at 08:50

MaVRoSCy · Accepted Answer · 2013-11-26T13:13:49.580

51

Try this one

$('<div></div>').appendTo('body')
  .html('<div><h6>Yes or No?</h6></div>')
  .dialog({
      modal: true, title: 'message', zIndex: 10000, autoOpen: true,
      width: 'auto', resizable: false,
      buttons: {
          Yes: function () {
              doFunctionForYes();
              $(this).dialog("close");
          },
          No: function () {
              doFunctionForNo();
              $(this).dialog("close");
          }
      },
      close: function (event, ui) {
          $(this).remove();
      }
});

Fiddle

edited Nov 26 '13 at 13:13

answered Sep 27 '12 at 08:38

MaVRoSCy

17,747
15
82
125

http://stackoverflow.com/a/18474005/1876355 – Pierre Aug 27 '13 at 20:01
could you explain how to call doFunctionForYes if it is in c#? – sjd Oct 16 '13 at 05:55
c# has no control here, only with JavaScript this works – MaVRoSCy Oct 16 '13 at 06:03
3

This answer uses jQueryUI library. This needs to be added to on top of jQuery standard library. see http://jqueryui.com/ – Adriano Jan 21 '14 at 14:34
https://stackoverflow.com/questions/3519861/yes-or-no-confirm-box-using-jquery/10753619#10753619 – Thulasiram Apr 05 '17 at 11:41
@sjd C# runs on the server and JavaScript runs on the browser. To call a C# function from JavaScript you need to make a call to the server, using something like ajax – Pedro Henrique May 10 '18 at 19:25

score 13 · Answer 2 · answered Sep 27 '12 at 08:37

13

You can use jQuery UI and do something like this

Html:

<button id="callConfirm">Confirm!</button>

<div id="dialog" title="Confirmation Required">
  Are you sure about this?
</div>

Javascript:

$("#dialog").dialog({
   autoOpen: false,
   modal: true,
   buttons : {
        "Confirm" : function() {
            alert("You have confirmed!");            
        },
        "Cancel" : function() {
          $(this).dialog("close");
        }
      }
    });

$("#callConfirm").on("click", function(e) {
    e.preventDefault();
    $("#dialog").dialog("open");
});

answered Sep 27 '12 at 08:37

LeftyX

35,328
21
132
193

Hi, When I try this the string "Are you sure about this" just appears in my browser. I have put the javascript you added into my ready method for the page but nothing happens when I click the button. – MayoMan Sep 27 '12 at 09:27
@user965895: did you try the jsFiddle? It must work. Could you, please, include your script in your question so we can check? – LeftyX Sep 27 '12 at 10:07
@user965895: Don't forget you have to include jQuery UI scripts and CSS. – LeftyX Sep 27 '12 at 11:56
Can't make the code work. It also just appears on my browser as plain text. Clicking the button does nothing. http://stackoverflow.com/questions/35767749/jquery-confirmation-not-working – ladiesman1792 Mar 03 '16 at 09:34
@ladiesman1792: I've tried it with a few browser (Chrome, FF, Edge) and it does work. – LeftyX Mar 03 '16 at 15:21

score 5 · Answer 3 · edited Jan 21 '14 at 14:39

5

Have you tried using the official JQueryUI implementation (not jQuery only) : ?

edited Jan 21 '14 at 14:39

Adriano

19,463
19
103
140

answered Sep 27 '12 at 08:39

immutabl

6,857
13
45
76

3

`JQuery UI` implementation, JQuery as default does not include the UI. – Rafael Herscovici Jul 21 '13 at 08:38
Indeed it does not. But finding the required libraries is neither difficult nor onerous. – immutabl Jul 21 '13 at 21:40

JQuery confirm dialog

3 Answers3

Linked