반응형
컨텐츠 내용에 따른 자동 크기 조절
<%-- 팝업 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 |