jqueryui frame dialog and multiple buttons

Question

Here is what I have..I am using the jquery.FrameDialog plugin. When the dialog box opens up, there are 2 buttons. One for let's say open google.com and second button to open stackoverflow.com

Problem is that the default url works fine, but using the button like this: $dialog.load("http://www.google.com"); it doesn't work. What am I doing wrong?

Here is my full code:

   $('#mydialog').click(function(){
          var $dialog = jQuery.FrameDialog.create({
          url: 'http://www.yahoo.com',
          loadingClass: 'loading-image',
          title: 'IP Tracing',
          width: 1100,
          height: 700,
          autoOpen: false,
          overlay: {
          opacity: 0.5,
          background: "black"
          },
          buttons: {
                 "google": function() {
                        $dialog.load("http://www.google.com");
                 },
                 "stackoverflow": function() {
                        $dialog.load("http://www.stackoverflow.com");
                 },
                 "Exit": function() {
                        $( this ).dialog( "close" );
                 }
          }
     });

     $dialog.dialog('open');
     return false;
     });

Johnner · Accepted Answer · 2011-02-14 13:23:51Z

2

maybe there is special and comfortable interface for changing urls for this plugin, but you can always lead your code to do what you want.

$('#box').click(function(){
          var $dialog = jQuery.FrameDialog.create({
          url: 'http://www.yahoo.com',
          loadingClass: 'loading-image',
          title: 'IP Tracing',
          width: 1100,
          height: 700,
          autoOpen: false,
          overlay: {
          opacity: 0.5,
          background: "black"
          },
          buttons: [
                 {
                     text: 'google',
                     click: function() {
                            $(this).find('iframe').attr('src', "http://www.google.com")
                     }
                 },
                 {
                     text: 'Exit',
                     click: function() {
                            $(this).dialog( "close" );
                     }
                 }
          ]
     });

You can simply find an iframe and say this directly to change the url

edited Feb 14, 2011 at 13:23

answered Feb 14, 2011 at 8:48

Johnner

3,7751 gold badge25 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Adil Over a year ago

Thanks. That works for me as it accomplishes what my end result should be!

Collectives™ on Stack Overflow

jqueryui frame dialog and multiple buttons

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related