iframeからモーダルをポップします

Question

こんにちは私はアプリケーションでモーダルボックスを作成するためにjquery simplemodalを使用しています。私はそれを大きくし、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のうちモーダル休憩を持っているものを利用することができ、いくつかの方法があります。このようにして、高さと幅のパーセンテージを作成することもできます。

Answer 1

あなたの質問を正しく理解している場合は、親ページでモーダルウィンドウを作成し、iframeの上に配置することをお勧めします。仮定すると、iframeのソースが同じドメインを指している、あなたは簡単な場所は親ページでごfullScreenChart機能は、このようなIFRAMEからそれを呼び出すことができます。

parent.fullScreenChart();