jQuery UI Dialog - How to open dialog from a link in iframe

Question

I want to open a dialog from a link i iframe,however I cannot make it pop-up a dialog anybody knows the reason?

I have a iFrame in html <iframe src="Add_Reviewer.html" width="100%" name="test" frameborder="0" scrolling="auto" height="100%"></iframe>

My link in Add_Reviewer.html <a href="#" id="advance_add">Advance Add</a>

My jQuery Code

var $advance_add = $('<div></div>')
    .html('<iframe src="Advance_Add.html" width="100%" name="test" frameborder="0" scrolling="auto" height="100%">')
    .dialog({
        autoOpen: false,
        bgiframe: true,
        width:650,
        minWidth: 650,
        height: 550,
        closeOnEscape:true,
        modal:true,
        title: 'Addvance Add',
        buttons : {

                    "Close" : function() {
                                  $(this).dialog("close");
                                          }
        }
    });

$("#advance_add").click(function(e) {

    e.preventDefault();     
$advance_add.dialog('open');

});

Are you loading jQuery + jQuery UI within the iFrame or the parent file? — polarblau
– polarblau, Commented Jul 14, 2011 at 11:19

Yasser Shaikh · Accepted Answer · 2013-11-26 06:36:38Z

2

I am using this code:

$("#advance_add").click(function() {
    $('<iframe src="Advance_Add.html" frameborder="0" />').dialog({
        modal: true,
        dialogClass: 'priceBox',
        title: 'Your title',        
        height: 400,
        width: 500,
        draggable: false,
        resizable: false});
});

edited Nov 26, 2013 at 6:36

Yasser Shaikh

47.9k50 gold badges208 silver badges290 bronze badges

answered Mar 8, 2012 at 18:37

Los

311 silver badge5 bronze badges

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

Collectives™ on Stack Overflow

jQuery UI Dialog - How to open dialog from a link in iframe

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related