从源页面中删除iframe以在父(顶部)页面上显示模式

时间:2015-01-12 14:33:43

标签: jquery iframe framebusting

当用户点击iframe中的图片时,我试图让一个模态窗口从我的iframe中删除,这将在主(父)页面上显示一个视频。我有以下内容,但不确定如何实现JavaScript将模式窗口从iframed页面推送到首页。

这是将转到父页面的iframe代码:

<iframe id="rtv-preview-frame" src="syndicateplayer.html" name="preview-frame" frameborder="0" noresize="noresize"></iframe>

我试图找出我需要在syndicateplayer.html页面上显示的内容,以便将模式的内容作为顶部的模式窗口推送到首页。看看一些选项,看起来我在iframe的页面上需要类似的东西:

var $jParent = window.parent.jQuery;
var dlg1 = $jParent('.rtv-video');
dlg1.dialog();

我试过这个,但是无法让div在点击时推出iframe。有什么建议吗?

1 个答案:

答案 0 :(得分:0)

我找到的解决方案是使用http://www.ericmmartin.com/projects/simplemodal/,并使用此方法将模式从iframe推送到父级:open modal window from iframe into the parent