JavaScript에서 모달 창을 크기를 조정하십시오
-
03-07-2019 - |
문제
특정 항목이 숨겨 지거나 표시되면 모달 대화 창을 크기를 조정하려고합니다.
window.resizeTo(800, 600);
위와 같이 코드를 사용해 보았지만 작동하지 않는 것 같습니다. 나는 그것이 일반적인 창이 아니라 모달 대화라고 생각합니다. 이것을 어떻게 크기를 조정할 수 있는지에 대한 제안이 있습니까?
해결책
요소 또는 컨테이너 ID를 식별하고 다음과 같은 작업을 수행하려고합니다.
document.getElementById('MyModal').style.height = '500px';
document.getElementById('MyModal').style.width = '800px';
이를 위해 jQuery를 사용하는 경우 실제 쇼 모달 함수에 부착 할 수 있으므로 훨씬 쉬울 수 있습니다.
편집하다
위의 JavaScript 함수 내에서 MyModal은 컨테이너 또는 모달의 ID가됩니다. 예를 들어, 모달의 외부 요소에 DIV를 사용하는 경우 DIV를 다음과 같이 설정합니다.
<div id='MyModal' class="IFNEEDED">CONTENTS OF MODEL</div>
#2 편집
이것은 오늘날 대부분의 설명과 같이 "모달"이 아니기 때문에 새로운 창 팝업이 더 많기 때문에이 코드 라인은 당신을 위해 작동해야합니다 (찾았습니다. 여기):
window.open('http://www.pageresource.com/jscript/jex5.htm','mywindow','width=400,height=200')
다른 팁
창 자체 내에서 모달 대화 창을 크기를 조정하려는 경우 JavaScript Window.Resizeto () 또는 Window.Resizeby ()를 사용하려는 유혹이있을 수 있습니다.
그러나 그것들은 작동하지 않습니다. 대신 사용 :
window.dialogWidth='640px';
window.dialogHeight='480px';
PS RSOLBERG : 포스터는 모달 대화 창을 말했습니다. 그것은 내가 묘사하는 방식처럼 보입니다. 나는 그것이 jQuery와 관련이있는 것으로 해석 될 수 있는지 확신하지 못한다. 혼란을 피하기 위해 jQuery 답변을 제거했습니다.
제휴하지 않습니다 StackOverflow