jQuery Dialog dynamic add buttons

Question

I have the following problem. I'm trying to add dynamic buttons in a modal dialog with iframe. I have Iframe dialog box with standard buttons (like close, ok..). After new content is loaded by iframe url scr attribute, i need dynamic add new button, for example "register". My code:

var iDlg= $('<iframe src=price.php?code="'+uCode+'" frameborder="0" />').dialog({
                modal: true,
                dialogClass: 'priceBox',
                title: 'Detail',        
                height: 400,
                width: 500,
                draggable: false,
                resizable: false,
                //show: "fade",
                buttons: {
                "close": function() {
                    $( this ).dialog( "close" );
                }
            }       
            }).width(480);

source of price.php:

<script type="text/javascript">
    $(document).ready(function(){
        var opt = {
            buttons: {
                'New button...': function () {
                    $(this).dialog('close');
                }
            }
        };
        $(iDlg).dialog('option', opt);


    });
    </script>

But, this solution doesn't work. Please help. Thanks.

Could be a typo but it says .iDlg instead of iDlg. Also, is that variable accessible from where you use it? — Niklas
– Niklas, Commented Mar 8, 2012 at 8:04

m90 · Accepted Answer · 2012-09-25 12:57:54Z

3

You have to tell it what option you're passing in. In this case, you are passing values for the "buttons" option:

$(document).ready(function(){
   var btns = {
       'New button...': function () {
            $(this).dialog('close');
        }
    };
    iDlg.dialog('option', 'buttons', btns);
});

edited Sep 25, 2012 at 12:57

m90

11.8k16 gold badges69 silver badges120 bronze badges

answered Sep 13, 2012 at 18:08

Alexander Sante

436 bronze badges

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

Comments

Bumptious Q Bangwhistle · Accepted Answer · 2012-06-05 17:13:02Z

0

In price.php, have you tried passing opt to a function in the parent, i.e., parent.addButton(opt);

Then in the parent frame you'd have

function addButton(opt)
{
    $(iDlg).dialog('option', opt);
}

Of course, iDlg needs to have the correct scope (global) in the parent.

answered Jun 5, 2012 at 17:13

Bumptious Q Bangwhistle

4,7692 gold badges36 silver badges46 bronze badges

Collectives™ on Stack Overflow

jQuery Dialog dynamic add buttons

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related