Hi Dave,
Following up on my last post, which I think was not clear, I want to
ask will the following work:
btnDelete.Attributes.Add("onClick", "return prettPrompt({
title: "Confirm Delete",
message: "Delete this item?",
cancelText: "No",
onCancel: function(){ return False; },
okayText: "Yes",
onOkay: function(){return True; }
});")
So I am adding prettyPrompt as the onClick function and waiting for
the user to make a selection and then returning True or False which
will either allow the form to be submitted or prevent the submit.
Thank you very much for your patience and help.
John
On Nov 15, 9:15 pm, john6630 <[email protected]> wrote:
> HI Dave,
> Thank you for all your help.Yes passing a function makes sense. Since
> I am new to JavaScript and JQuery, I hope you don't mind one more
> question. What I want to do is open the dialog on a submit button
> click. But not submit the form if the user selects "No" in the dialog.
> What it seems I need to do is attach prettyPrompt to the button click
> but somehow disable the button from actually doing the submit (can you
> advise how to do that) and then on the dialog "Yes" button use
> "window.document.myForm.submit()" as the function to cause the form to
> submit?
>
> TIA
> John
>
> On Nov 15, 10:26 am, Fontzter <[email protected]> wrote:
>
> > John, It was designed with the intention of passing in the function
> > you want to execute. So if you have a function called
> > whatToRunIfUserClicksOkay, you could simply pass it in as the onOkay
> > function...
>
> > onOkay: whatToRunIfUserClicksOkay
>
> > Hope that makes sense.
>
> > Dave
>
> > On Nov 13, 11:36 pm, john6630 <[email protected]> wrote:
>
> > > 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=.
