Redimensionar Ventana Modal en Javascript

Question

Estoy tratando de cambiar el tamaño de mi ventana de diálogo modal cuando ciertos elementos están ocultos / mostrados.

window.resizeTo(800, 600);

He intentado usar un código como el de arriba, pero no parece funcionar. Pienso porque es un diálogo modal, y no una ventana regular. ¿Alguna sugerencia sobre cómo podría cambiar el tamaño de esto?

Answer 1

Querrá identificar el elemento o el ID del contenedor y hacer algo como esto:

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

Si está utilizando jQuery para esto, puede ser un poco más fácil ya que puede adjuntarlo a la función modal de show real.

Editar
Dentro de las funciones de javascript anteriores, MyModal será el ID del contenedor o modal. Por ejemplo, si está utilizando un DIV para el elemento externo de su modal, configuraría el DIV de esta manera:

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

EDIT # 2
Dado que esto no es un " modal " como la mayoría describiría hoy, es más una nueva ventana emergente, esta línea de código debería funcionar para usted (la encontró here ):

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

Answer 2

Si está intentando cambiar el tamaño de la ventana de diálogo modal desde dentro de la misma ventana, podría tener la tentación de usar el javascript window.resizeTo () o window.resizeBy ().

Sin embargo, esos no funcionarán. En su lugar, utilice:

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

P.S. Rsolberg: El cartel decía ventana de diálogo modal. Eso parece ser la forma en que lo describiría. No estoy seguro de que pueda interpretarse como relacionado con jQuery. Eliminaré la respuesta de jQuery para evitar confusiones.