• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 9765
  • Last Modified:

How to replace confirm dialog box OK/Cancel with YES/NO in Javascript

How do I  replace confirm dialog box OK/Cancel with YES/NO in Javascript?

<asp:TextBox ID="plateQty" runat="server" Width="50px" onblur="validate(this)" maxlength="2" CssClass="TRAStext" Text='<%#Container.DataItem("qty")%>'></asp:TextBox>

function validate(_this) {
            if (_this.value >= "5") {
                //alert(_this.value);
                var retVal = confirm("Are you sure you want to order " + _this.value + " boxes?");
                if (retVal == true) {
                    return true;
                }
                else {
                    _this.value = "";
                    _this.focus();
                    return false;
                }
            }
        }
0
Meinhoonaa
Asked:
Meinhoonaa
  • 4
  • 2
1 Solution
 
honestman31Commented:
You cannot do that with the native confirm() as it is of browser's method.
you  will need to use usejQuery UI

More info ( and source )

http://stackoverflow.com/questions/11046572/make-javascript-alert-yes-no-instead-of-ok-cancel

http://stackoverflow.com/questions/823790/javascript-confirm-popup-yes-no-button-instead-of-ok-and-cancel
0
 
honestman31Commented:
also please check this

http://dev.sencha.com/deploy/ext-4.0.0/examples/message-box/msg-box.html

it will be great help for you , just copy and paste the  code u want
don't forget to copy this file to your server msg-box.js
0
 
MeinhoonaaAuthor Commented:
I am looking for solution not mere links which I can find myself.
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
honestman31Commented:
this  http://dev.sencha.com/deploy/ext-4.0.0/examples/message-box/msg-box.html   has the solution , just choose what you want and copy and paste the code ,

P.S. to view the source code  use  CTR + U
0
 
honestman31Commented:
Here is a fully working code , I hope that what you want

<!doctype html>
 
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI Dialog - Modal confirmation</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="/resources/demos/external/jquery.bgiframe-2.1.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script>
    $(function() {
        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height:140,
            modal: true,
            buttons: {
                "YES": function() {
                    $( this ).dialog( "close" );
                },
                "NO": function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    });
    </script>
</head>
<body>
 
<div id="dialog-confirm" title="Are you sure ?">
    
</div>
 

 
 
</body>
</html>

Open in new window


source
http://jqueryui.com/dialog/#modal-confirmation
0
 
MeinhoonaaAuthor Commented:
thank you
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now