Hi all,

I'm a new user to jquery/jqueryUI and am trying to use a dialog to
display a message before forwarding the user to a new page. As I've
tried to set it up, the user will click on one of a number of buttons
of a certain class. The href attribute of the button will be stored in
a variable, then the dialog box will be shown. When the user hits the
continue button within the dialog, the dialog will close and we will
be forwarded to the URL stored in the variable.

Here is the relevant code:

<script language="javascript" type="text/javascript">
     $(document).ready(function() {
        $('#dialogTest').dialog({
                        autoOpen: false,
                        modal: true,
                        buttons: {
                                "Continue": function () {
                                        $(this).dialog("close");
                                        window.location=button_url;
                                        }
                        }
                });

                $('.bttn').click(function() {
                        var button_url = $(this).attr('href');
                        $('#dialogTest').dialog('open');
                });
     });
 </script>

<button class="bttn" href="www.google.com" value="Open the
Dialog">Open the Dialog</button>


<div id="dialogTest" title="Testing...">Clicking continue should
forward us to google.com, the href of the button....</div>

Unfortunately, the variable is never set; have I misused the attr
function?

Thanks for any suggestions!
AO

--~--~---------~--~----~------------~-------~--~----~
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=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to