Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

Solved

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

Posted on 2012-12-27

1 solution

Medium Priority

9,048 Views

Last Modified: 2013-01-02

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;
}
}
}

Comment

Question by:Meinhoonaa

[X]

Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

Help others & share knowledge
Earn cash & points
Learn & ask questions

Join The Community

6 Comments

LVL 10

Expert Comment

by:honestman31

ID: 387240412012-12-27

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

LVL 10

Expert Comment

by:honestman31

ID: 387240722012-12-27

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

Author Comment

by:Meinhoonaa

ID: 387312372012-12-30

I am looking for solution not mere links which I can find myself.

LVL 10

Expert Comment

by:honestman31

ID: 387329232012-12-31

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

LVL 10

Accepted Solution

by:honestman31

honestman31 earned 2000 total points

ID: 387339232012-12-31

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

Author Closing Comment

by:Meinhoonaa

ID: 387379962013-01-02

thank you

Featured Post

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Hex Maze Part 2

Article by: DanRollins

In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed. In this part, we'…

JavaScript

7 Sure Fire Ways To Improve Your Web Performance Strategy

Article by: Anush

Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…

Introduction to jQuery (Part 1)

Video by: Jason

The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

Introduction to jQuery (Part 2)

Video by: Jason

The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…