Javascript confirm box with just an 'OK' button

crmpicco · May 25th, 2005, 10:09 AM

ok, thanks for your help.

www.crmpicco.co.uk
www.crmpicco.co.uk.tt
www.milklemonadechocolate.uk.tt
www.griswolds.uk.tt
www.piccosmini.co.uk.tt
www.morton.uk.tt

crmpicco · May 25th, 2005, 10:15 AM

oh, btw, can i have a 'OK' button in the showModal and not just a hyperlink

www.crmpicco.co.uk
www.crmpicco.co.uk.tt
www.milklemonadechocolate.uk.tt
www.griswolds.uk.tt
www.piccosmini.co.uk.tt
www.morton.uk.tt

ChrisScott · May 25th, 2005, 10:20 AM

Sure, just do something like...

Code:

<input type="button" value="OK" onclick="returnOk();" />
...
function returnOk(){
    window.returnValue = true;
    window.close();
}

crmpicco · May 25th, 2005, 10:30 AM

have you got an example of how to code this, on the www?

www.crmpicco.co.uk
www.crmpicco.co.uk.tt
www.milklemonadechocolate.uk.tt
www.griswolds.uk.tt
www.piccosmini.co.uk.tt
www.morton.uk.tt

ChrisScott · May 26th, 2005, 05:34 AM

Save this as alert.htm...

Code:

<html>

<head>
<style type="text/css">
body{
    background-color: buttonface;
    overflow: hidden;
}
body, input{
    text-align: center;
    font-size: 8pt;
    font-family: MS Sans Serif;
}
input{
    height: 23px;
    width: 75px;
}
#myMessageDiv{
    padding: 15px;
}
</style>
<script type="text/javascript" language="javascript">
function Init(){
    document.getElementById("myMessageDiv").appendChild(document.createTextNode(window.dialogArguments));
}
function returnOk(){
    window.returnValue = true;
    window.close();
}    
</script>
</head>

<body onload="Init();">
<div id="myMessageDiv"></div>
<input type="button" value="OK" onclick="returnOk();" />
</body>

</html>

then in your page where you want to show it just add...

Code:

showModalDialog('alert.htm', 'my message', 'dialogWidth: 200px; dialogHeight: 120px; help: no;')

(you will need to adjust width / height depending on your message)

crmpicco · May 26th, 2005, 08:06 AM

thats great, i'll give it a try and get back to you

www.crmpicco.co.uk
www.crmpicco.co.uk.tt
www.milklemonadechocolate.uk.tt
www.griswolds.uk.tt
www.piccosmini.co.uk.tt
www.morton.uk.tt

shriyakish · June 24th, 2008, 08:44 AM

Hello,
I was browsing through your topic and this was pretty much what I am looking for but with some differences.
I took the liberty to try out the code above and it works amazingly.
However,I need to display a message above the boxes and also have a "question mary icon(?)" on the left hand side.

Please tell em how to do that.
Also,I am opening this dialog box from a js so I need to call a different method from the js depending on the true or false.
So how can I catch the true/false from the dialog into the js.

Please help as this is an urgent requirement from the client.

P.S : if you could provide some link to understand the custom dialogs it will be very helpful.

elizas · March 25th, 2010, 09:43 AM

When you implement a delete feature in your application, a very basic additional feature which is always expected to be implemented is a confirmation box, so that the user gets a prompt before doing some delete activity.

For implementing this, there is already a Javascript function called confirm().
The syntax for this is very simple and i am sure every developer is aware of this. The syntax is as follow:

var confirm = confirm("Are you sure you want to do this?");
if(confirm)
{
//do your delete operation
}
else
{
return false;
}
Hope this answer helped u.

jeffmarlon · March 12th, 2014, 06:44 AM

Quote:

Originally Posted by elizas

When you implement a delete feature in your application, a very basic additional feature which is always expected to be implemented is a confirmation box, so that the user gets a prompt before doing some delete activity.

For implementing this, there is already a Javascript function called confirm().
The syntax for this is very simple and i am sure every developer is aware of this. The syntax is as follow:

var confirm = confirm("Are you sure you want to do this?");
if(confirm)
{
//do your delete operation
}
else
{
return false;
}
Hope this answer helped u.

Yes I understood what you said. Actually when I designed apps for my iPhone then I felt hurdles from JavaScript specially related to delete feature in my app. But now, this problem has been solved. Thanks mate :-)