在 Javascript 中调整模态窗口大小
当某些项目隐藏/显示时,我试图调整模式对话框窗口的大小。
window.resizeTo(800, 600);
我尝试过使用上面的代码,但它似乎不起作用。 我认为因为它是一个模式对话框,而不是一个常规窗口。 关于如何调整它的大小有什么建议吗?
I'm trying to resize my modal dialog window when certain items are hidden/shown.
window.resizeTo(800, 600);
I've tried using code like above, but it doesn't seem to work. I think because it is a modal dialog, and not a regular window. Any suggestions as to how I could resize this?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
如果您尝试从窗口本身调整模式对话框窗口的大小,您可能会想使用 javascript window.resizeTo() 或 window.resizeBy()。
然而,这些都是行不通的。 相反,使用:
PS
Rsolberg:海报确实提到了模式对话框窗口。 我似乎就是这样描述的。 我不确定这是否可以解释为与 jQuery 相关。 我会删除 jQuery 答案以避免混淆。
If you're trying to resize the modal dialog window from within the window itself, you might be tempted to use the javascript window.resizeTo() or window.resizeBy().
However, those will not work. Instead, use:
P.S.
Rsolberg: The poster did say modal dialog window. That seems like the way I'd describe it. I'm not sure that could be interpreted as being related to jQuery. I'd remove the jQuery answer in order to avoid confusion.
您需要识别元素或容器 ID 并执行如下操作:
如果您使用 jQuery 来执行此操作,则可能会更容易,因为您可以将其附加到实际的显示模式函数。
编辑
在上面的 javascript 函数中,MyModal 将是容器或模式的 ID。 例如,如果您使用 DIV 作为模态的外部元素,则可以像这样设置 DIV:
EDIT #2
由于这不是大多数人今天描述的“模式”,它更多的是一个新窗口弹出窗口,这行代码应该适合您(发现它 此处):
You'll want to identify the element or container ID and do something like this:
If you are using jQuery for this it can be quite a bit easier as you can attach it to the actual show modal function.
Edit
Within the javascript functions above, MyModal will be the ID of the container or modal. For example, if you are using a DIV for the outer element of your modal, you would set the DIV up like this:
EDIT #2
Since this is not a "modal" as most would describe today, its more of a new window popup, this line of code should work for you (found it here):