- Arawn's Dev Blog
- Outsider's Dev Story
- Toby's Epril
- Benelog
- NHN 개발자 블로그
- SK 플래닛 기술 블로그
- OLC CENTER
- 소프트웨어 경영/공학 블로그
- 모바일 컨버전스
- KOSR - Korea Operating System …
- 넥스트리 블로그
- 리버스코어 ReverseCore
- SLiPP
- 개발자를 위하여... (Nextree 임병인 수석)
- "트위터 부트스트랩: 디자이너도 놀라워할 매끈하고 직관…
- Learning English - The English…
- real-english.com
- 'DataScience/Deep Learning' 카테…
- Deep Learning Summer School, M…
- Deep Learning Courses
민서네집
팝업창 크기 자동조절 자바스크립트 본문
인터넷 어딘가에서 가져온 자바스크립트.
적어도 크롬 브라우저에서는 잘 작동한다.
id 가 contents 인 태그의 크기만큼 팝업 창 크기를 자동으로 조절한다.
$(window).load(function() {
<%-- // 팝업 창 크기를 HTML 크기에 맞추어 자동으로 크기를 조정하는 함수. --%>
var strWidth;
var strHeight;
//innerWidth / innerHeight / outerWidth / outerHeight 지원 브라우저
if ( window.innerWidth && window.innerHeight && window.outerWidth && window.outerHeight ) {
strWidth = $('#contents').outerWidth() + (window.outerWidth - window.innerWidth);
strHeight = $('#contents').outerHeight() + (window.outerHeight - window.innerHeight);
}
else {
var strDocumentWidth = $(document).outerWidth();
var strDocumentHeight = $(document).outerHeight();
window.resizeTo ( strDocumentWidth, strDocumentHeight );
var strMenuWidth = strDocumentWidth - $(window).width();
var strMenuHeight = strDocumentHeight - $(window).height();
strWidth = $('#contents').outerWidth() + strMenuWidth;
strHeight = $('#contents').outerHeight() + strMenuHeight;
}
//resize
window.resizeTo( strWidth, strHeight );
});
'WEB (HTML, CSS)' 카테고리의 다른 글
Chrome 브라우저와 개발자 도구에서 메모리 문제 해결하기 (0) | 2018.02.01 |
---|---|
html5 audio 태그 - 정해진 횟수만큼 play 시키기 (0) | 2018.01.22 |
jQuery 구버전과 최신버전의 혼용 - jQuery Migrate (0) | 2016.09.11 |
다기능의 Bootstrap기반 관리 화면 템플릿 : AdminLTE (0) | 2016.09.09 |
Scroll Bar의 size 구하기 / 좌우 Scroll Bar를 html 맨 밑으로 보내기 (0) | 2016.08.30 |