Resize Modal Fenster in Javascript

Question

Ich versuche, meine modalen Dialogfenster, wenn bestimmte Elemente ausgeblendet / angezeigt, um die Größe.

window.resizeTo(800, 600);

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

Answer 1

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

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 an die eigentliche Show modal Funktion anhängen können.

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 es sich nicht um eine „modal“ ist, wie die meisten heute beschreiben würde, seine mehr eines neuen Popup-Fenster, sollte diese Zeile Code für Sie arbeiten (es gefunden hier ):

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, den Javascript-window.resizeTo () oder window.resizeBy () zu verwenden.

Doch diejenigen, wird nicht funktionieren. Verwenden Sie stattdessen:

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

P. S. Rsolberg: Das Plakat sagte modale Dialogfenster. Das scheint wie die Art, wie ich es beschreiben würde. Ich bin nicht sicher, dass als verwandt zu jQuery interpretiert werden könnte. Ich würde die jQuery Antwort entfernen, um Verwirrung zu vermeiden.