0

我在许多页面上动态创建 iFrame。iFrame 包含一个对话框，用户可以在其中输入一些信息。这是在单独的网络服务器上，因为多个网站需要使用相同的对话框。当用户完成输入数据时，它通过将 div 的显示更改为无来隐藏对话框。唯一的问题是 iFrame 还在，它是透明的，但是 iFrame 下的任何内容都无法点击。无论如何，当 iFrame 内的对话框执行指定的操作时，它会将 iFrame 更改为在 iFrame 所在的页面上显示为无？

var PageOutput = "<iframe id=\"FiFrame\" src=\"myPage-1.html\" style=\"display: none; border: none; overflow: hidden; height: 500px; width: 300px; position:absolute; left: 0; top: 0;\"></iframe>";
var Icon = "<a href=\"#\" id=\"FLink\"><img src=\"images/feedback_button.png\" alt=\"\" style=\"position: fixed; right: 40%; top: 20%;\"/></a>";
$(document).ready(function() {
$(PageOutput).appendTo( document.body );
$(Icon).appendTo( document.body );
$('#FLink').click(function() {
    $('#FiFrame').fadeIn(1000);
    });
});
4

1 回答 1

0

您可以做一些跨站点绑定来调用原始页面。

  • 第 1 页。首页（网站 - example1.com）加载...

  • 第 2 页。 iframe（网站 - example2.com）。在完成加载...

  • 第 3 页。带有 javscript 的 iframe（站点 - example1.com）。

第 3 页需要包含一个脚本以在加载时调用顶部窗口（window.top.hideIframe().. 或其他内容）

此外，第 2 页需要知道原始调用站点，以便在调用第 3 页时能够调用正确的站点。

对不起，如果这没有意义。

于 2012-12-05T03:13:47.960 回答