對齊jQuery對話框中的iframe

我想顯示和iframe到jQuery UI對話框。此iframe需要根據所需的用戶對話框大小調整大小。對話框應占據對話框的所有空間，但標題（頂部）或調整大小按鈕（右下角）。對齊jQuery對話框中的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的寬度和高度而生氣。

來源

2012-06-21 Jordi P.S.

請嘗試這方面的工作演示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**

enter image description here

來源

2012-06-21 10:55:32

第二次或第三次我做屏幕鎖定，我需要刷新。即使是F5也不行。加載不會消失。調整大小按鈕不可見。 –

Hiya @JordiPlanadecursach嗯有趣我在osx獅子safacri，試過但我的屏幕很好，嗯它是別的東西你可以在小提琴中彈出更多細節，謝謝 –

這對你很好。

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 改變的代碼由於可能填充-餘量的問題。

來源

2012-06-21 10:54:17 totten

你好，我看到一個DOUB le垂直滾動條（在FF中）。你也看到了嗎？ –

我改變溢流道具。再試一次。 – totten

相同，並且調整大小按鈕不可見。我想知道如果jQuery對話框是一個很好的組件。 –

對齊jQuery對話框中的iframe

回答

相關問題