在Javascript中调整模式窗口的大小

在Javascript中调整模式窗口的大小,javascript,dialog,resize,modal-dialog,Javascript,Dialog,Resize,Modal Dialog,当某些项目被隐藏/显示时,我试图调整模式对话框窗口的大小 window.resizeTo(800, 600); 我试过使用上面的代码,但似乎不起作用。我认为这是因为它是一个模态对话框,而不是一个常规窗口。关于如何调整大小有什么建议吗?您需要识别元素或容器ID,并执行以下操作: document.getElementById('MyModal').style.height = '500px'; document.getElementById('MyModal').style.width = '8

当某些项目被隐藏/显示时,我试图调整模式对话框窗口的大小

window.resizeTo(800, 600);

我试过使用上面的代码,但似乎不起作用。我认为这是因为它是一个模态对话框,而不是一个常规窗口。关于如何调整大小有什么建议吗?

您需要识别元素或容器ID,并执行以下操作:

document.getElementById('MyModal').style.height = '500px';
document.getElementById('MyModal').style.width = '800px';
<div id='MyModal' class="IFNEEDED">CONTENTS OF MODEL</div>
如果您为此使用jQuery,那么它会更容易一些,因为您可以将它附加到实际的show模态函数

编辑
在上面的javascript函数中,MyModal将是容器或modal的ID。例如,如果对模态的外部元素使用DIV,则应按如下方式设置DIV:

document.getElementById('MyModal').style.height = '500px';
document.getElementById('MyModal').style.width = '800px';
<div id='MyModal' class="IFNEEDED">CONTENTS OF MODEL</div>

如果您试图从窗口本身调整模式对话框窗口的大小,可能会尝试使用javascript window.resizeTo()或window.resizeBy()

然而,这些都行不通。相反,请使用:

window.dialogWidth='640px';
window.dialogHeight='480px';
附言。
Rsolberg:海报上说的是模态对话框窗口。这似乎是我描述它的方式。我不确定这是否可以解释为与jQuery相关。为了避免混淆,我将删除jQuery答案。

Edited:这不是一个重复的调整jQuery模式问题。上面的问题和标记没有将jQuery列为正在使用的项。正确,jQuery没有被使用。这看起来正是我需要的。但是,页面上的“MyModal”将设置在哪里?谢谢你,但是我认为我可能没有完全描述我的场景。我使用showModalDialog打开模态,它会在该对话框中打开一个不同的aspx页面。我试着通过页面标题和其他一些东西来访问它,但这似乎不起作用。谢谢你的帮助!当你说“模态”时,它是一个添加到当前网页的层,还是你实际上只是一起打开一个新网页?这像一个弹出窗口吗?它是一个弹出窗口。来自同一网站的另一个页面在模式对话框中显示,作为编辑父页面上gridview中显示的值的表单。我添加了更多信息。让我知道这是否有帮助。