适当(并且最不烦人)调整浏览器窗口大小的方法

时间:2011-02-14 02:45:41

标签: javascript jquery popup resize window

我正在开发一个项目,我需要调整一个小弹出窗口(大约500x400px的聊天窗口)的大小,以便在某些情况下包含不同类型的内容。

将小弹出窗口的大小调整为更大的最佳方法是什么?最好只使用:

window.resizeTo(width,height);

我找了一个jQuery方法来做到这一点,但没有看到任何。我希望有一种方法可以顺利地调整窗口大小,但我没有看到任何方法。我错过了什么吗?我看到的唯一另一个选择是从旧弹出窗口中弹出一个新弹出窗口 - 这对我来说更糟糕。

请不要回答“不要调整窗口大小” - 因为我知道它很糟糕,而且通常是糟糕的用户体验。但是,对于一家在遗留系统框架内工作的公司来说,我是自由职业者,该系统在十年内还没有真正更新过,而且这似乎是迄今为止最不好的选择。

3 个答案:

答案 0 :(得分:1)

jQuery的.height()和.width()函数应该能够通过运行来处理这个问题,例如:

$(window).height(400);

此外,听起来您需要在执行实际调整大小功能之前获取内容的大小。如果它是一个静态值并且您事先知道,只需对值进行硬编码即可。如果它是动态的,您可以执行以下操作:

$(window).height($('#yourcontent').height());

您可能需要对跨浏览器进行一些测试,并针对不同的浏览器稍微调整一下数学,因为它们往往会改变行高,填充等。

顺便说一下 - 正如你所说,这是你正在做的一件可怕的事情,但我之前一直处于这种状况,所以我可以联系到: - /有时“进化的下一步”仍然远远落后于现在世界。希望这些经理能够获得线索,而不是花钱支持传统的东西,将考虑投资更现代化的产品。灵活的技术。他们可能会感到惊讶的是,所涉及的实际成本(提高用户生产力,更快的开发/增强周期,降低TCO)实际上非常接近于简单维护。

答案 1 :(得分:0)

是否需要成为新的浏览器窗口?您可以使用jQuery UI在文档顶部创建新的div。

答案 2 :(得分:0)

我不想告诉你“不要调整窗口大小”,但是你的应用程序的用户会告诉你“你无法调整窗口大小”,因为通常有浏览器 - 在大多数情况下禁止这些操作的设置。

通过这种方式,唯一安全的方法是重新打开具有所需新尺寸的窗口。