Größe des modalen Fensters in Javascript ändern

Question

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

window.resizeTo(800, 600);

Ich habe versucht, einen Code wie oben zu verwenden, aber es scheint nicht zu funktionieren. Ich denke, weil es sich um ein modales Dialogfeld und nicht um ein normales Fenster handelt. Irgendwelche Vorschläge, wie ich diese Größe ändern könnte?

Answer 1

Wenn Sie versuchen, die Größe des modalen Dialogfensters aus dem Fenster selbst zu ändern, könnten Sie 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';

PS. Rsolberg: Der Poster hat von einem modalen Dialogfenster gesprochen. So würde ich es auch beschreiben. Ich bin mir nicht sicher, ob das so interpretiert werden kann, dass es mit jQuery zu tun hat. Ich würde die jQuery-Antwort entfernen, um Verwirrung zu vermeiden.

Answer 2

Sie müssen das Element oder die Container-ID identifizieren und etwa so vorgehen:

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

Wenn Sie jQuery dafür verwenden, kann es ein bisschen einfacher sein, da Sie es an die eigentliche Show-Modal-Funktion anhängen können.

bearbeiten
In den obigen Javascript-Funktionen wird MyModal die ID des Containers oder Modals sein. Zum Beispiel, wenn Sie ein DIV für das äußere Element Ihres Modals verwenden, würden Sie das DIV wie folgt einrichten:

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

EDIT #2
Da dies nicht ein "modal", wie die meisten heute beschreiben würde, seine mehr von einem neuen Fenster Popup, sollte diese Zeile von Code für Sie arbeiten (fand es aquí ):

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