0

我已经为此苦苦挣扎了一个星期,似乎走到哪里都碰壁……所以我在这里寻求一些帮助……希望这是可能的。

我需要平铺 2 个弹出窗口……别担心……不是烦人的窗口,它们将应用户的要求

好吧……说到点子上了。

我试图在我的网站上有一个链接,打开两个弹出窗口,然后重定向到特定页面。

顺便说一句:两个弹出窗口都在同一个域和链接上。

我想这很容易,但这里更详细地概述了陷阱和原因……我可能在这方面还不够,所以请告诉我是否有更好的方法。

好的..所以这就是我想要做的以及为什么:

首先,我在我的网站上有链接。

单击它会打开一个弹出窗口:top:0 left:0 width: screen.width height: 100(这导致新窗口的内部高度为 100px) menubar=0,toolbar=0,location=0,resizable =0,滚动条=0,状态=0

现在..因为我想将两个弹出窗口平铺在彼此上方和下方我需要将第二个弹出窗口放在第一个弹出窗口的确切底部...但是由于地址栏和浏览器导致的额外高度差异等我需要outer.height。

所以我所做的是将一个脚本放入 popup.1 中,该脚本获取 outer.height 并将其与成功消息一起发送回开瓶器(启动弹出窗口的原始页面)

然后我需要使用该 external.height 来启动第二个弹出窗口:顶部:[popup.1 的外部高度] 左侧:0 宽度:screen.width 高度:screen.height - [popup.1 的外部高度] menubar=1,toolbar=1,location=1,resizable=1,scrollbars=1,status=1

现在......理论上这应该给了我两个完全覆盖屏幕的弹出窗口,它们完美地平铺在一起,popup.2正好在popup.1之下,没有空格或交叉。

然后我需要 popup.2(与启动它的主页相同)将成功消息发送回打开器/原始浏览器窗口,并将原始页面重定向到不同的页面(启动页面)。因为它与开瓶器相同,我猜它需要检查它是原始的还是弹出的,所以它知道发送此消息。显然原版不需要发送此消息。

最后,我需要它,所以当 popup.2 关闭时,它会向开启器发送一条消息,将开启器返回到原始启动页面。同样,原版不需要这样做,因此需要进行检查。

这行得通吗?它会跨浏览器兼容吗?有一个更好的方法吗?

我希望这一切都有意义,有人可以提供帮助...我不会发布我当前的代码,因为它一团糟而且不起作用...希望我的概念没问题...请让我知道,任何代码帮助将不胜感激。

如果您认为有帮助,我很乐意使用任何库。我确实为此玩了一点jquery,但仍然没有用。

如果这是不可能的,那么请有人告诉我,以便我重新考虑这一点。

非常感谢任何建议

干杯 C

4

1 回答 1

1

您无法完全按照自己的意愿去做,并且在所有浏览器/操作系统/环境中都相同

我建议改为在当前页面上显示两个 div(如果内容来自不同的服务器,您可以将 iframe 放入 div 中),使它们都定位:绝对并增加 zindex,以便它们始终位于顶部。这样您就可以完全控制屏幕上“弹出窗口”的位置。

如果用户单击链接时 url 需要更改,您始终可以在链接上放置一个查询字符串,指示下一页需要显示这些“弹出窗口”

于 2010-02-19T03:42:33.930 回答