2014/05/02

[JavaScript] 팝업창 사이즈 조절

※ 개요 : 전자정부 프레임웍을 사용하여 화면 오픈 시 컨트롤러에서 에러가 발생하여 화면이(메인화
면/팝업화면) 에러페이지로 대체가 될 때 해당 에러페이지 구현.
※ 기능 : window.open으로 팝업창 오픈 또는 jQuery의 simplemodal 레이어팝업 오픈 시 사이즈와
위치를 동적으로 조절하는 기능.
※ 테스트 브라우저 : ie7/8/9/10, 크롬, 파폭, 사파리


 


<div id="div_main_wrap" style="display: none;">
    전달 메시지...
</div>
 

<div id="div_pop_wrap" style="display: none;">
    전달 메시지...
    <button type="button" title="닫기" onclick="fn_close()">닫기</button>
</div>

※ 레이어팝업의 경우 팝업화면에서 오픈 되는 팝업화면에 에러가 발생하여 상기의 에러페이지로 대체될 때 파폭, 사파리에서는(크롬도 동일했나…?) 브라우저 센터 포지션 조정에 약간의 문제가 있다.

updated at 2014.05.23
리사이즈 후 부모창보다 팝업창의 height가 큰 경우 자동으로 스크롤이 생기는데 이 경우 다시 resize 처리 추가

댓글 없음:

댓글 쓰기