Creating a yes/no prompt in javascript

Question

4.50/5 (6 votes)

See more:

What can I use during confirmation with the user in web application.

like we use messagebox in windows app.

For e.g

if i want to delete any record from data-table then it should ask "Are YOU Sure you Want to Delete Record?" and the prompt should say yes and no, not OK and Cancel.

Posted 14-Jan-10 1:59am

amitktkr

Updated 6-May-13 2:11am

Joezer BH

v3

Add a Solution

Comments

pseudotot 19-Oct-15 7:31am

fa

pseudotot 19-Oct-15 7:31am

vrasa

20 solutions

Solution 13

u can make Custom Javascript Alert and Confirm Dialog boxes, and change the button text on dialog boxes.

for this reffer:
http://theinfiniteloopblog.com/programming/jscript/custom-javascript-alert-and-confirm-dialog-boxes/

Posted 27-Sep-11 22:24pm

member60

Updated 28-Sep-11 0:36am

v4

Solution 2

This[^] article might help. :)

Posted 14-Jan-10 2:25am

Nuri Ismail

Solution 5

Hi Amit,

This is another issue/question of yours.

here is the solution:
One can achieve it - having Yes/No instead of Ok/Cancel using vbScripts.

Please find the link below that has all the options and will help you out:
http://www.perlscriptsjavascripts.com/js/alertboxes.html[^]

Sandeep.

Posted 14-Jan-10 19:25pm

Sandeep Mewara

Solution 6

"thanks to all bt d problm is that confirmation box does not provide
Yes/NO rather Ok/Cancel.....and caption"

You'll need to write your own code to do that. Javascript is not as rich as C#, so your options are limited. Basically, OK/Cancel is the same as yes/no, tho, seems like a lot of work for a small reward.

Posted 14-Jan-10 19:28pm

Christian Graus

Comments

Bandi Ramesh 16-Feb-13 2:03am

you are correct

Minhazur Rahman 17-Apr-14 10:17am

I think you have got the question wrong. All he need is to trigger an event and use confirm() in java script then he can do anything he likes.

Solution 7

basically, if you're sure your webapp will be accessed via IE, this will do :

http://www.webdeveloper.com/forum/showthread.php?t=73124[^]

but if you're looking for a cross-browser solution, there isnt one! so, as Mr.Graus said, you'll have to do it yourself, and I agree with him on "Big trouble, small reward" thing.

-------------------
Regards

H.Maadani

Posted 16-Jan-10 20:43pm

The Zetta

Updated 16-Jan-10 20:44pm

v3

Solution 8

I dont think we can change basic functionalty of confirm box.Instead We can go for VB Script Msg Box.
Like if we want Yes & No instead of Ok & Cancel,
Code is...
Var c=MsgBox("Are u want to delete?",4,"Title");
if(c==6)//Yes Option
Some delete operation
else
Some code//value returned would b 7

Posted 12-Jul-10 6:46am

Shalini popuri

Solution 1

you can still use javascript alert I guess!

http://www.w3schools.com/JS/js_popup.asp[^]

-----------------
Regards

H.Maadani

Posted 14-Jan-10 2:08am

The Zetta

Updated 14-Jan-10 2:09am

v2

Solution 14

Hi,

You can use jquery for this.

PHP

$.prompt("Are You Sure, You Want To Delete ?", { buttons: { Yes: true, No: false }, focus: 0, prefix: 'ValidationMsg', callback: caalbackfunction });

C#

function caalbackfunction (v,m,f){
    if(v){
    // Yes Part
    }
    else {
    // No Part
    }
}

Happy Coding
:)

Posted 1-Jun-12 19:15pm

Linto Leo Tom

Solution 10

In case you want to get inputs from the user (prompt) use this link[^]. However, for just 'Yes/No' confirmation check this link[^].

Posted 29-Sep-10 21:07pm

Sushant Joshi

Solution 11

I hope the following helps: -

XML

<html>
<head>
<title>confirm before delete</title>

<script language="JavaScript" type="text/javascript">
<!--
function confirmDelete() {
if (confirm("Really delete this article?")) {
return true;
} else {
return false;
}
}
//-->
</script>

</head>

<body>

<form id="form1" name="form1">
<h3>List of articles</h3>
<table border=1 cellpadding=3>
<tr>
<td>article 321</td>
<td><a href="/delete/article/321/" onClick="return confirmDelete();">delete this article</a></td>
</tr>
<tr>
<td>article 322</td>
<td><a href="/delete/article/322/" onClick="return confirmDelete();">delete this article</a></td>
</tr>
</table>
</form>

</body>
</html>

and also try going to the following link. I am sure you will like it and get what you want.

http://www.htmlite.com/JS006.php[^]

Hope this is helpful. Let me know

--
AJ

Posted 23-Jun-11 5:11am

ankitjoshi24

Comments

Prince Antony G 1-Dec-11 7:07am

its only gives ok /cancel.Did u check it?

Solution 15

It might should help you

XML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
a {
    color:#000;
 }
</style>

<script type="text/javascript">

   var test=0;
   var obj;
   var obj1;

window.onload=function() {

   obj=document.getElementById('anc');
   obj1=document.getElementById('cfm');

obj.onclick=function() {
   conFirm();
   return false;
  }
 }
function conFirm() {
if(test==0){
   obj.innerHTML='confirm?';
   test++;
   return false;
 }
if(test==1){
   obj1.innerHTML=
   '<a href="'+obj.href+'" onclick="conFirm()">Yes<\/a> |'+
   ' <a href="#" onclick="conFirm();return false;">No<\/a>';
   test++;
   return false;
 }
if(test==2) {
   obj.innerHTML='google.com';
   obj1.innerHTML='';
   test=0;
   return true;
  }
 }
</script>

</head>
<body>

<div>
<a id="anc" href="http://www.google.com/">google.com</a>
</div>

<div id="cfm"></div>

</body>
</html>

Posted 1-Jun-12 19:43pm

Nikhil Dayalpawar

Solution 16

use javascript confirm it will fulfill your requirement. as i understand your question

example

C#

BtnDelete.Attributes.Add("onclick","return confirm('Are you sure you want to delete this record');");

Posted 1-Jun-12 19:49pm

Prosan

Solution 17

XML

01.function ModalPopupsYesNoCancel() {
02.    ModalPopups.YesNoCancel("idYesNoCancel1",
03.        "Confirm close of document",
04.        "<div style='padding: 25px;'><p>You are about to close this document.<br/>" +
05.        "If you don't save this document, all information will be lost.</p>" +
06.        "<p><b>Close document?</b></p></div>",
07.        {
08.            onYes: "ModalPopupsYesNoCancelYes()",
09.            onNo: "ModalPopupsYesNoCancelNo()",
10.            onCancel: "ModalPopupsYesNoCancelCancel()"
11.        }
12.    );
13.}
14.function ModalPopupsYesNoCancelYes() {
15.    alert('You pressed Yes');
16.    ModalPopups.Close("idYesNoCancel1");
17.}
18.function ModalPopupsYesNoCancelNo() {
19.    alert('You pressed No');
20.    ModalPopups.Cancel("idYesNoCancel1");
21.}
22.function ModalPopupsYesNoCancelCancel() {
23.    alert('You pressed Cancel');
24.    ModalPopups.Cancel("idYesNoCancel1");
25.}

Posted 11-Jul-12 20:16pm

Suman85

Solution 20

Check out these links:

http://www.worldofwebcraft.com/blog.php?id=1.
http://dev.sencha.com/deploy/ext-4.0.0/examples/message-box/msg-box.html

They have examples of several different dialog boxes. There is one that has Yes/No buttons and another that has Yes/No/Cancel. The different dialog boxes are displayed based on the button id. Look at the source for the page and also the JavaScript code to see how it's done.

Posted 17-Apr-13 0:56am

Dennis Almond

Updated 17-Apr-13 1:04am

v3

Comments

Richard MacCutchan 17-Apr-13 9:10am

Why are you answering a question that was posted more than three years ago and already has plenty of answers?

Solution 21

check this link

make-javascript-alert-yes-no[^]

Posted 6-May-13 2:18am

josh-jw

v2

Solution 22

Simply use onclientclick property;
<asp:button id="Button1" runat="server" onclick="Button1_Click" xmlns:asp="#unknown">
onclientclick="javascript:confirm("Are YOU Sure you Want to Delete Record?");" Text="Button" />

Posted 6-May-13 2:24am

Bikash Prakash Dash

Solution 23

Just add the kLib.js,kLib-overlay.js and kLib-overlay.css in your project then you can use the kAlert() and kConfirm() functions.
See an example here[^]

For making it a Yes/No confirmation box just change the innerHTML of the buttons
by adding lines:
c.ok.innerHTML = "Yes";
c.cancel.innerHTML = "No";
where c is the object returned by kConfirm();

You can get more info on how to use kLib here kLib: Fast, Small, and Easy[^].

Posted 12-Jun-13 3:54am

Anshu Krishna

Updated 12-Jun-13 13:22pm

v3

Comments

CHill60 12-Jun-13 18:58pm

This question is over 3 years old and already had 22!!!! solutions posted. All that will happen is that you will attract downvotes.
Oh and it's a link to your own article. What a surprise

Anshu Krishna 12-Jun-13 19:19pm

I am sorry that I didn't notice the Yes/No criteria.
But that can very easily be rectified.
If you have seen the example then you might have noticed that kConfirm() does return a reference to the buttons.
So just by adding 2 line after line 4 like:

4. var c = kConfirm("Demo kConfirm\nPlease click a button");
5. c.ok.innerHTML = "Yes";
6. c.cancel.innerHTML = "No";
you can solve that problem too.

And as far as the matter of 3 years is concerned, giving an answer here does not just mean that it will only help the person who is asking it.
If some other person in future is in the same situation then this discussion can be very helpful too him.

I am giving this solution despite all the other 22 solutions because I believe it is easier and better suited. And the idea can even be used for other similar problems with little modifications.

Please try to be more constructive here.
This is CodeProject not YouTube.

Solution 26

JavaScript

// You can write the below code in javascript function, which will create a confirm message box for you.
var result =window.confirm('Are you sure you want to delete ?');
console.log(result); //print result.
//After this you can use the (result) variable which gives (true/false) based upon user selection of (yes/no)

Posted 6-Sep-13 22:24pm

SrikantSahu

Comments

[no name] 7-Sep-13 7:27am

Do you really think that after 3 years, he is still waiting for an answer?

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

c4tchm4tt · Accepted Answer · 2011-09-27T21:29:00

You'd have to fake it using an overlay something like this. This solution won't operate the same way as the onclick="return... method, but it would work with some adaptation.
(you'll have to improve this yrself to make it useable I'm only tying this free hand here for the forum as a suggestion, so it's only pseudocode).
Def. replace the innerHTML and documentGetElement... with JQuery functions and accessors to make sure it's cross browser compatible, and check the syntax!!

CSS

CSS

<style>
	.confbox
	{
		visibility:hidden;
		width:300px;height:300px;
		z-index:999;
		position:absolute;
		display:block;
		top:30%;
		left:30%; //adjust the top and left values in the js to better position the box
	}
</style>

HTML

<div id="myConfirmBoxName" class="confbox"><h3></h3><p></p><span></span></div>
<a href="#" önclick="myConfirmbox.open();">delete this article</a>

Javascript:

JavaScript

var confirmBox = function(_id)
{
	this.id = _id;
	this.title = 'My dialog';
	this.text = 'Set this value to set the body text';
	this.options = new Array();
	this.domElement = document.getElementById(_id);
	this.visible = false;
	
	this.addOption = function(txt,val)
	{
		var o = [txt,val];
		options.push(o);
	}
	
	this.setContent = function(title,body)
	{
		this.domElement.getElementsByTagName('h3')[0].innerHTML = title;
		this.domElement.getElementsByTagName('p')[0].innerHTML = body;
		this.domElement.getElementsByTagName('span')[0].innerHTML = '';/delete/article/321/
		this.domElement.getElementsByTagName('h3')[0].innerHTML = title;
		this.domElement.getElementsByTagName('p')[0].innerHTML = body;
		this.domElement.getElementsByTagName('span')[0].innerHTML = '';
		for (var i=2; i<options.length();i++;)
		{
			txt = options[i][0]; //text to show
			val = options[i][1]; //action to perform. how you handle / process this depends how complex you want to get! callbacks etc... it's up to you.
			link = '<a href="'+val+'" önclick="document.getElementById(\'+this.id+\'">'+txt+'</a>';
			this.domElement.getElementsByTagName('span')[0].innerHTML += link;
		}
	}
	this.open = function(destination)
	{
		this.setContent();
		if (this.visible)
		{
			//Add a function here to UNlock the underlying webpage
			//Add a function here to center the box
			this.domElement.style.visibility = "visible";
			} else {
				//Add a function here to LOCK the underlying webpage
				this.domElement.style.visibility = "hidden";
			}
			visible = !visible;
		}
	}
}

/*and when you are ready to attach the script to the confirm box, ex. after DOM load event or similar, call this:*/

var myConfirmBox = new confirmBox('myConfirmBoxName');
myConfirmbox.title = 'the title i want to use';
myConfirmbox.text = 'the text body I want to show';
myConfirmbox.addOption('Yes',"www.codeproject.com"); 
myConfirmbox.addOption('No',"www.facebook.com");

use javascript:yourfunction(); in the addOption val to call a function instead of running a link. if you want 'true/false' to be return to the calling function you cuold add a callback handler to the confirmBox pseudo-class, or re-write the setContent() function to handle the way the links are created in a different way...

Sandeep Mewara · Accepted Answer · 2010-01-14T04:05:00

Hi,

For adding a delete prompt on a datatable (looks like its going to be a datagrid in UI), you would need to bind the javascript to prompt for this alert during the ItemDataBound event of the datagrid.

Thus,
in this event, while the data is binded row by row - add something like:

LinkButton l = (LinkButton)e.Row.FindControl("LinkButton1"); 
l.Attributes.Add("onclick", "javascript:return " +
    "confirm('Are you sure you want to delete this record')");

Alternatively,
if the link button in ItemTemplate of datagrid has OnclientClick event exposed (which is present in ASP.NET2.0 onwards), you can add something like:

OnClientClick = 'return confirm("Are you sure you want to delete this entry?");'

Now its done.

Thanks,
Sandeep.

Creating a yes/no prompt in javascript

20 solutions

Solution 13

Solution 12

Solution 3

Solution 2

Solution 5

Solution 6

Solution 7

Solution 8

Solution 1

Solution 14

Solution 10

Solution 11

Solution 15

Solution 16

Solution 17

Solution 20

Solution 21

Solution 22

Solution 23

Solution 26

Add your solution here

Preview 0