Do you want to display the Yes and No buttons instead of OK and Cancel in confirmation?

Question

Possible duplicate:
how to create yes / no / cancel field in javascript instead of ok / cancel?

In the confirmation message box, how can I change the buttons to say “Yes” and “No” instead of “OK” and “Cancel”? Is there a way to do this using jQuery / Javascript? Thanks in advance for any help.

Answer 1

If you switch to the JQuery UI dialog box, you can initialize an array of buttons with the corresponding names, for example:

$("#id").dialog({ buttons: { "Yes": function() {}, "No": function() {} } }); 

Answer 2

Create your own flag to confirm:

 <div id="confirmBox"> <div class="message"></div> <span class="yes">Yes</span> <span class="no">No</span> </div> 

Create your own confirm() method:

 function doConfirm(msg, yesFn, noFn) { var confirmBox = $("#confirmBox"); confirmBox.find(".message").text(msg); confirmBox.find(".yes,.no").unbind().click(function() { confirmBox.hide(); }); confirmBox.find(".yes").click(yesFn); confirmBox.find(".no").click(noFn); confirmBox.show(); } 

Call it by your code:

 doConfirm("Are you sure?", function yes() { form.submit(); }, function no() { // do nothing }); 

You need to add CSS to the style and place the confirmation box correctly.

Working demo: jsfiddle.net/Xtreu

Answer 3

No, it is not possible to change the contents of the buttons in the dialog box displayed by the confirm function. However, you can use Javascript to create a dialog box similar to it. This page lists several ways to accomplish this.

Answer 4

There is a warning jquery plugin

 $.alerts.okButton = ' Yes '; $.alerts.cancelButton = ' No '; 

Answer 5

As far as I know, changing the contents of buttons is impossible, at least not easy. It's pretty easy for you to create your own alert window using the jQuery UI, although

Answer 6

An example using the JQuery UI dialog box: http://jsfiddle.net/JAAulde/qqkGA/ , as well as the native UI demo application: http://jqueryui.com/demos/dialog/#modal-confirmation