Solved

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

Posted on 2012-12-27

1 solution

7,530 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 500 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

AJAX form submission with customized server field validation

Article by: Julian

This article discusses how to implement server side field validation and display customized error messages to the client.

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…