Ändern der Größe des modalen Fensters in Javascript

Question

Ich versuche die Größe meines modalen Dialogfensters zu ändern, wenn bestimmte Elemente ausgeblendet/angezeigt werden.

window.resizeTo(800, 600); 

Ich habe versucht, Code wie oben, aber es scheint nicht zu funktionieren. Ich denke, weil es ein modaler Dialog ist und kein reguläres Fenster. Irgendwelche Vorschläge, wie ich das ändern könnte?

Answer 1

Sie wollen das Element oder die Container-ID identifizieren und so etwas tun:

document.getElementById('MyModal').style.height = '500px'; 
document.getElementById('MyModal').style.width = '800px'; 

Wenn Sie diese jQuery verwenden kann es durchaus etwas einfacher sein, wie Sie es auf die tatsächliche anhängen Modale Funktion zeigen.

bearbeiten
Innerhalb der JavaScript-Funktionen über die ID des Behälters oder modalen MyModal wird. Zum Beispiel, wenn Sie ein DIV für das äußere Element Ihrer modalen verwenden, würden Sie die DIV oben wie folgt festgelegt:

<div id='MyModal' class="IFNEEDED">CONTENTS OF MODEL</div> 

EDIT # 2
Da dies kein „modal“ ist, wie die meisten heute beschreiben würde, seine mehr eines neuen Popup-Fenster, diese Zeile Code sollte für Sie arbeiten (fand es here):

window.open('http://www.pageresource.com/jscript/jex5.htm','mywindow','width=400,height=200') 

Answer 2

Wenn Sie versuchen, das modale Dialogfenster aus dem Fenster selbst, um die Größe Sie könnten versucht sein, das Javascript window.resizeTo() oder window.resizeBy() zu verwenden.

Diese werden jedoch nicht funktionieren. Verwenden Sie stattdessen:

window.dialogWidth='640px'; 
window.dialogHeight='480px'; 

P. S. Rsolberg: Das Plakat hat modales Dialogfenster gesagt. Das scheint so zu sein, wie ich es beschreiben würde. Ich bin mir nicht sicher, ob das so interpretiert werden könnte, dass es mit jQuery zusammenhängt. Ich würde die jQuery-Antwort entfernen, um Verwirrung zu vermeiden.