跨域iframe裁剪/div隐藏?或—;可供替代的

跨域iframe裁剪/div隐藏?或—;可供替代的,iframe,Iframe,这是我们的问题——我们不知所措 在Wordpress网站ourdomain.com上,我们需要嵌入CollegEdomain.com页面的一部分。我们不想显示页眉和页脚(我们只想要正文)。我们的同事不能代表我们编辑他们的任何网站,因此存在跨域同源政策问题-然而,我们的同事明确授权我们使用任何可能的解决方法,因此这是一个技术问题,而不是道德问题 以下是我们目前正在做的事情: 在ourdomain.com上,我们在一个div中有一个iframe,带有overflow:hidden。我们设置位置:if

这是我们的问题——我们不知所措

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

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

在ourdomain.com上,我们在一个div中有一个iframe,带有overflow:hidden。我们设置位置:iframe的绝对位置,在顶部和左侧使用-px。这使我们可以隐藏标题。但我们也在努力不显示页脚。我们有没有办法把页脚也隐藏起来

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

帮忙?我们可以在iframe中隐藏页脚的div吗?我们应该使用iframe之外的其他东西吗

救救我们,斯塔克!你是我们唯一的希望


(交叉发布到某些子插件)

您将需要3页:

  • 容器页面是您希望包含内容的页面

  • 剪切/移动页面

  • 包含内容的页面


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

我不相信如果不对iframed页面进行任何更改,就可以做到这一点。您至少需要在该页面中嵌入一些javascript,以便与父站点通信。