====== 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로 지정합니다.''''\\ FIXME **가로 스크롤바(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파일의 에 속성''''을 추가합니다. \\ \\ * 변경 후

FIXME 세로 스크롤바만 필요하기 때문에, 가로 스크롤바에 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에서 동작합니다. ===== 출처 ===== [[https://offbyone.tistory.com/312|새 창을 여는 window.open() 함수 사용법]] \\ [[https://www.w3schools.com/jsref/met_win_open.asp|Window open() Method]] \\ [[https://developer.mozilla.org/ko/docs/Web/API/Window/open|Window.open()]] \\ [[https://offbyone.tistory.com/296|CSS - overflow 속성 사용하기]] \\ [[https://webisfree.com/2016-09-01/%ED%8C%9D%EC%97%85%EC%B0%BD-%EC%A4%91%EC%95%99%EC%A0%95%EB%A0%AC-%EA%B0%80%EC%9A%B4%EB%8D%B0-%EC%9C%84%EC%B9%98%EC%8B%9C%ED%82%A4%EB%8A%94-%EB%B0%A9%EB%B2%95|팝업창-중앙정렬-가운데-위치시키는-방법]] \\ {{tag>오션 주레피 도봉산핵주먹 Internet Explorer popup scrollbar window.open()}}