javascript - 如何创建预先描述的js的iframe模态表单？

Question

我有一个名为 makeIframeModal.js 的 js 文件。通常，当我尝试创建 iframe 时，会在 jsp 中使用 iframe 标签，如下所示：

<iframe id="myIframeId" style="display:none;" height="430" width="675" src="myjsp.jsp" ></iframe>

现在 makeIframeModal.js 包含这样的 iframe 描述：

iframemodal = new modal($('framebtn'), {

afterOpen : function(){$$('.close a').invoke('observe','click',function(e){modal.close(); Event.stop(e);});},
opacity: 0.3,
width: 675,
fade: true,
fadeDuration: 0.1,
autoOpenIfLinked: false

});

所以，我的 iframe 在弹出窗口中打开。现在我在这个 iframe 中有一个链接，点击它会关闭 iframe。我这样做是这样的：

function closeMyIframe()
{
var parentDynamicDiv = window.parent.document.getElementById('dynamic_id1');
var iframe = window.parent.document.getElementById('dynamic_id2');
iframe.style.display = 'none';
parentDynamicDiv.style.display = 'none';
}

但是，现在我需要打开另一个名为 myNewIframeModal 的 iframe。

简而言之：当我关闭第一个 iframe 时，另一个 iframe 必须在弹出窗口中自动打开。我怎样才能实现这个功能？请帮助我。

Answer 1

您可以在 closeMyframe 中调用新模式...

function closeMyIframe()
{
var parentDynamicDiv = window.parent.document.getElementById('dynamic_id1');
var iframe = window.parent.document.getElementById('dynamic_id2');
iframe.style.display = 'none';
parentDynamicDiv.style.display = 'none';

iframemodal2 = new modal($('framebtn'), {

afterOpen : function(){$$('.close a').invoke('observe','click',function(e){modal.close(); Event.stop(e);});},
opacity: 0.3,
width: 675,
fade: true,
fadeDuration: 0.1,
autoOpenIfLinked: false

});

}