window.open 사용법
- description : Internet Explorer 브라우저의 생성된 팝업창에서 세로 스크롤바가 생기지 않을때
- author : 오션
- email : shlim@repia.com
- lastupdate : 2020-03-19
문법(Syntax)
* 문법을 참고로 아래 내용 보면 됩니다.
window.open(url, name, specs, replace);
작성 이유
스크롤바
* Chrome에서는 잘 되지만, Internet Explorer에서 생성된 팝업창에 세로 스크롤바가 나타나지 않고 짧게 고정된 화면으로 나타남.
조치
스크롤바
1. popup.js에서 자바스크립트의 window객체의 open()함수의 속성을 확인한 후, scrollbars의 속성을 yes로 지정합니다.<scrollbars=yes>
가로 스크롤바(Horizontal Scrollbar, X축)와 세로 스크롤바(Vertical Scrollbar, Y축)이 생깁니다.
- 변경 전
widnow.open(popUrl, popName, "status=no, width="+popW+", height="+popH+", top="+ posT + ", left="+ posL + ", resizable=no, scrollbars=no");
- 변경 후
widnow.open(popUrl, popName, "status=no, width="+popW+", height="+popH+", top="+ posT + ", left="+ posL + ", resizable=no, scrollbars=yes");
2. 상기 팝업창의 내용이 들어가는 jsp파일의 <body>에 속성<style=“overflow-x:hidden;”>을 추가합니다.
- 변경 후
<body style="overflow-x;hidden;">
세로 스크롤바만 필요하기 때문에, 가로 스크롤바에 hidden속성을 지정합니다.
기타 참고사항 (name)
- _blank : 새 창에 열립니다. 이것이 기본값입니다.
- _parent : 부모 프레임에 열립니다.
- _self : 현재 페이지를 대체합니다.
- _top : 로드된 프레임셋을 대체합니다.
- name(임의의 이름) : 새 창이 열리고 창의 이름을 지정합니다. 동일한 이름에 다시 open() 을 하면 기존의 열린창의 내용이 바뀝니다. 다른 이름을 사용하면 또다른 새창이 열립니다.
기타 참고사항 (spece)
- channelmode=yes|no|1|0 : 전체화면으로 창이 열립니다. IE에서만 동작합니다.
- directories=yes|no|1|0 : (사용되지 않습니다.) 디렉토리 버튼의 표시여부
- fullscreen=yes|no|1|0 : 전체 화면 모드. IE에서만 동작합니다.
- height=pixels : 창의 높이를 지정합니다.(height=600)
- width=pixels : 창의 너비를 지정합니다.(width=500)
- left=pixels : 창의 화면 왼쪽에서의 위치를 지정합니다. 음수는 사용할 수 없습니다.
- top=pixels : 창의 화면 위쪽에서의 위치를 지정합니다. 음수는 사용할 수 없습니다.
- location=yes|no|1|0 : 주소 표시줄 사용여부를 지정합니다. Opera에서만 동작합니다.
- menubar=yes|no|1|0 : 메뉴바 사용여부를 지정합니다.
- resizable=yes|no|1|0 : 창의 리사이즈 가능 여부를 지정합니다. IE에서만 동작합니다.
- scrollbars=yes|no|1|0 : 스크롤바 사용여부를 지정합니다. IE, Firefox, Opera에서 동작합니다.
- status=yes|no|1|0 : 상태바를 보여줄지 지정합니다.
- titlebar=yes|no|1|0 : 타이틀바를 보여줄지 지정합니다. 호출 응용 프로그램이 HTML 응용 프로그램이거나 신뢰할 수있는 대화 상자가 아니면 무시됩니다.
- toolbar=yes|no|1|0 : 툴바를 보여줄지 지정합니다. IE, Firefox에서 동작합니다.