跨域iframe裁剪/ div隐藏?或 - 替代?

时间:2012-10-05 06:51:54

标签: iframe

这是我们的问题 - 我们不知所措。

在mydomain.com上,这是一个Wordpress网站,我们需要在colleaguedomain.com上嵌入部分页面。我们不想显示页眉和页脚(我们只想要正文)。我们的同事不能代表我们编辑他们的任何网站,因此存在跨领域同源政策问题 - 但是,我们的同事已经明确要求我们使用任何可能的解决方法,所以这是一个技术问题,而不是道德问题。 !

以下是我们目前正在做的事情:

在ourdomain.com上,我们在div中有一个iframe,其中包含overflow:hidden。我们设置了位置:iframe的绝对值,顶部和左侧是-px。这让我们可以隐藏标题。但我们也在努力,也没有展示页脚。我们有什么办法可以隐藏页脚吗?

我们不能只使用iframe高度来隐藏页脚,因为我们实际想要显示的iframe页面部分是一个表单;当用户点击下一个按钮时,原始页面上的javascript显示表单的下一个字段。这种形式有三个“页面”(记住,全部在iframe中。)最后一个“页面”比前两个页面长得多(高度)。因此,如果我们设置高度以容纳前两个“页面”,我们可以隐藏页眉和页脚...但iframe中表单的最后“页面”的一部分将被隐藏。如果我们适应这一点,则会在前两页显示页脚。

帮助?我们可以在iframe中隐藏页脚的div吗?除了iframe,我们应该使用其他东西吗?

帮助我们,StackOverflow!你是我们唯一的希望!

(转向某些子评价)

1 个答案:

答案 0 :(得分:0)

您需要3页:

  • 容器页面是您想要的内容

  • 裁剪/移动页面

  • 包含内容的页面

将iFrame放在容器页面上。 iframe指向剪辑页面。剪辑页面有一个和一个AJAX拉(jQuery有这些)的内容页面。然后在剪切页面上,div必须在其x-y轴上移动并重新调整大小。这将涵盖您不想要的内容。