Hi Dave, That is perfect. I have on beginner question. Can I return True or False by simply putting "Return True" or "Return False" in the onOkay and onCancel functions? I want to use it in a button onClick = return PrettyPrompt so that if it returns false the onClick is canceled but if it returns true the onClick posts back to my codebhind.
Hope that makes sense. And Thank YOU very much for the speedy and excellent response. John On Nov 13, 9:19 am, Fontzter <[email protected]> wrote: > 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=.
