2011-06-23 33 views
1

您好我正在使用jquery simplemodal在應用程序中創建模態框。我希望能夠彈出iframe上方的模式,以使其更大並且不具有iframe滾動。從iframe中彈出一個模式

現在我有模態的代碼是這樣的

function fullScreenChart(){ 
      var pathname = window.location.href; 
      var modalHTML = '<iframe src="'+pathname+'&bigchart" width="820px" height="520px" frameborder=0 />'; 
      $.modal (modalHTML,{ 
       closeHTML: "<a href='#' title='Close' style='position:absolute; top:0px; right:6px;' class='simplemodal-close'>Close</a>", 
        overlayCss: { 
        backgroundColor: '#000', 
         cursor: 'wait' 
        }, 
       containerCss: { 
         height: 520, 
         width: 820 
      }}) 
       } 

是有一些方法我可以利用.parent()或東西有模態脫離iframe的。這樣我也可以做出高度和寬度的百分比。

+0

有沒有遇到以下實施我的建議的任何問題? –

+0

我從來沒有實現過,它可以爲我工作,但是有太多的JS已經爲我想要把每個頁面的頁面包裝上的一個按鈕使用一個函數。 – BillPull

回答

0

如果我正確理解您的問題,您希望父頁面創建一個模式窗口並將其置於iframe頂部。假設IFRAME源指向同一個域,你可以簡單的地方在父頁面和你fullScreenChart功能從這樣的iframe調用它:

parent.fullScreenChart();