Hi John,
Below is something I cobbled together a while back along with a few
examples of how I use it. I have intentions to redo it, but it gets
the job done for now. I put these examples up on jsbin too if you
want to see it in action: http://jsbin.com/etona/edit
You basically pass in 6 (all optional) parameters:
message: the message displayed,
title: the title displayed,
cancelText: text displayed on the cancel button,
okayText: text displayed on the okay button,
onCancel: a function to execute when the user clicks the cancel
button,
onOkay: a function to execute when the user clicks the okay button
Hth,
Dave
/*******************************************************************
* prettyPrompt - prompts the user with a okay/cancel prompt
********************************************************************/
function prettyPrompt(options)
{
var o = $.extend({ message: "Hello!", title: "Please Note...",
cancelText: "Cancel", okayText: "Okay", onOkay: null, onCancel:
null },options);
var btns = {};
btns[o.okayText] = function() { $(this).dialog("close"); if
($.isFunction(o.onOkay)) o.onOkay(); };
btns[o.cancelText] = function() { $(this).dialog("close"); if
($.isFunction(o.onCancel)) o.onCancel(); };
$("<div title='" + o.title + "'>" + o.message + "</div>").dialog({
modal: true,
buttons: btns,
close: function(){ $(this).dialog("destroy").remove();}
});
}
/******** end of function: prettyPrompt ****************/
$("#btn1").click(function(){ prettyPrompt({message: "You are using
prettyPrompt"}); });
$("#btn2").click(function()
{
prettyPrompt({
title: "Your thoughts",
message: "Do You like it?",
cancelText: "No - It's Awful",
onCancel: function(){ alert("Sorry to hear that"); },
okayText: "Yes - It's Great",
onOkay: function(){ alert("Glad to hear that"); }
});
});
On Nov 13, 11:10 am, john6630 <[email protected]> wrote:
> I know this has been discussed/requested many times but I have not
> seen a solution posted. I love the look and simplicity of the JQuery
> Modal Dialog documented herehttp://plugins.jquery.com/project/modaldialog
> and I have seen many posts asking how to add Yes/No OK/Cancel buttons.
> I have also seen the suggested code to add the buttons but do not see
> how the response is passed back to the page etc. I am probably being
> thick headed but can someone provide a sample site and code that
> provides this functionality. And if so, it would be great to add it to
> the plug-in's demo page.
>
> What I need to do is very typical, I am sure. When user clicks on a
> Delete button, I want to pop up a confirmation window and based on Yes
> or No response perform the data deletion. The same as adding the
> following javascript
>
> btnDelete.Attributes.Add("onClick", "return confirm('Delete user
> now ...are you sure?','CONFIRM DELETE');")
>
> Any help greatly appreciated.
>
> TIA
> John
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=.
