Redimensionner la fenêtre modale en Javascript

Question

J'essaie de redimensionner ma fenêtre de dialogue modale lorsque certains éléments sont masqués / affichés.

window.resizeTo(800, 600);

J'ai essayé d'utiliser du code comme ci-dessus, mais cela ne semble pas fonctionner. Je pense que c'est un dialogue modal, et non une fenêtre normale. Des suggestions sur la façon dont je pourrais redimensionner cela?

Answer 1

Vous voudrez identifier l'élément ou l'ID de conteneur et procéder comme suit:

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

Si vous utilisez jQuery pour cela, cela peut être un peu plus facile, car vous pouvez l'associer à la fonction show modal actuelle.

Modifier
Dans les fonctions javascript ci-dessus, MyModal sera l'identifiant du conteneur ou du modal. Par exemple, si vous utilisez une DIV pour l'élément externe de votre modal, vous devez configurer la DIV comme suit:

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

EDIT n ° 2
Comme ce n’est pas un "modal" comme la plupart des gens le diraient aujourd’hui, c’est plutôt une nouvelle fenêtre contextuelle, cette ligne de code devrait fonctionner pour vous (trouvée ici ):

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

Answer 2

Si vous essayez de redimensionner la fenêtre de dialogue modale à partir de la fenêtre elle-même, vous pouvez être tenté d'utiliser le javascript window.resizeTo () ou window.resizeBy ().

Cependant, ceux-ci ne fonctionneront pas. Au lieu de cela, utilisez:

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

P.S. Rsolberg: Le poster a bien dit fenêtre de dialogue modale. Cela semble être la façon dont je le décrirais. Je ne suis pas sûr que cela puisse être interprété comme étant lié à jQuery. Je supprimerais la réponse jQuery afin d'éviter toute confusion.