Front/Html

팝업 크기 조절(resize)

밍꿔 2019. 12. 5. 13:46


반응형

 

컨텐츠 내용에 따른 자동 크기 조절

 

<%-- 팝업 resize --%>
function fn_setPopupSize(){
 	<%-- // 팝업 창 크기를 HTML 크기에 맞추어 자동으로 크기를 조정하는 함수. --%>
	var strWidth;
	var strHeight;
	var $selector = $('#selectorDiv');

	if( window.innerWidth && window.innerHeight && window.outerWidth && window.outerHeight ){
		strWidth = $selector.outerWidth() + (window.outerWidth - window.innerWidth + 50);
		strHeight = $selector.outerHeight() + (window.outerHeight - window.innerHeight) + 150;
	}else{
		var strDocumentWidth = $(document).outerWidth();
		var strDocumentHeight = $(document).outerHeight();

		window.resizeTo ( strDocumentWidth, strDocumentHeight );

		var strMenuWidth = strDocumentWidth - $(window).width();
		var strMenuHeight = strDocumentHeight - $(window).height();

		strWidth = $selector.outerWidth() + strMenuWidth + 50;
		strHeight = $selector.outerHeight() + strMenuHeight + 150;
	}
	window.resizeTo( strWidth, strHeight );
}

 

 

반응형

'Front > Html' 카테고리의 다른 글

HTML select 태그 사용시 기본값 설정  (0) 2020.01.07
CSS / text-transform  (0) 2019.11.20
<a href="#"> 이슈  (0) 2019.08.12