Redimensionar janela modal em javascript

Question

Estou tentando redimensionar minha janela de diálogo modal quando certos itens estiverem ocultos/mostrados.

window.resizeTo(800, 600);

Eu tentei usar código como acima, mas ele não parece funcionar. Eu acho que porque é uma caixa de diálogo modal, e não uma janela regular. Alguma sugestão de como eu poderia redimensionar isso?

Answer 1

Você vai querer identificar o elemento ou ID do contêiner e fazer algo assim:

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

Se você estiver usando o jQuery para isso, pode ser um pouco mais fácil, pois você pode anexá -lo à função modal do show real.

Editar
Dentro das funções JavaScript acima, o MyModal será o ID do contêiner ou modal. Por exemplo, se você estiver usando uma div para o elemento externo do seu modal, você definiria a divindra assim:

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

Editar #2
Como isso não é um "modal", como a maioria descreveria hoje, é mais um novo pop -up de janela, essa linha de código deve funcionar para você (encontrou -o aqui):

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

Answer 2

Se você estiver tentando redimensionar a janela de diálogo modal de dentro da janela, poderá ser tentado a usar a janela javascript.resizeto () ou window.resizeby ().

No entanto, eles não funcionarão. Em vez disso, use:

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

PS RSOLBERG: O pôster disse a janela de diálogo modal. Parece que eu o descreveria. Não tenho certeza se isso poderia ser interpretado como relacionado ao jQuery. Eu removeria a resposta do jQuery para evitar confusão.