Выровнять iframe в диалоговом окне jQuery

Question

Я хочу отобразить и iframe в диалоговом окне jquery ui. Этот iframe необходимо изменить в соответствии с размером диалогового окна желаемого пользователя. Диалог должен занимать все пространство диалога, но заголовок (верхний) или кнопка изменения размера (внизу справа).

jQuery(document).ready(function(){ 
    jQuery("<div id ='container'><iframe src='http://www.google.com'></iframe></div>").dialog({modal:true,title:"Title",width:800,height:600}); 
}); 

Любая идея? Я злюсь с шириной и высотой css.

Answer 1

Пожалуйста, попробуйте эту рабочую демо-версиюhttp://jsfiddle.net/xyctR/18/

Iframe заполнит с jsfiddle и отдыха Вы можете увидеть поведение.

Надеется, что это помогает,

После кода будет достаточно ваша потребность, т.е. «должно быть изменено в соответствии с диалогом размера нужного пользователя. Диалог должен occupie всего пространства в диалоговом окне, но название (вверху), ни кнопки изменения размера "

Код

function showDialog(url){ 
    var iframe = $('<iframe id="modalIframeId" width="100%" height="100%" src='+url+' marginWidth="0" marginHeight="0" frameBorder="0" scrolling="auto" title="Dialog Title">Your browser does not support</iframe>') 
    .on('load', function() { 
     console.log('loaded'); 
    }); 

    $("#divId") 
     .append('<div id="loading">Loading....</div>') 
     .append(iframe) 
     .dialog({modal:true,title:"Title",width:800,height:600}); 
} 

showDialog('http://jsfiddle.net'); 

​**image** 

Answer 2

Это нормально для вас.

jQuery(document).ready(function(){ 
    jQuery("<div id ='container' style='padding:0px; margin:0px; overflow:hidden;'><iframe height=100% width=100% style='width:100%; height:100%;padding:0px; margin:0px;' frameborder=0 src='http://www.stack.com'></iframe></div>").dialog({modal:true,title:"Title",width:400,height:400}); 
}); 

UPDATE Измененный код из-за возможных проблем заполнения рентабельностью.