1. 사용방법
window.popup(‘주소’,’팝업창 이름’,’설정옵션’);
var url=”test.html”;
var option=”resizable=no, scrollbars=no, status=no,width=500, height=500”;
window.open(url,’test’,option);
var popUrl = "/spring/boardDetail?docnum="+$(this).attr('id'); //팝업창에 출력될 페이지 URL
var popOption = "width=370, height=360, resizable=no, scrollbars=no, status=no;"; //팝업창 옵션(optoin)
window.open(popUrl,"",popOption);
2. 팝업 옵션
(yse 혹은 no로 지정한다)
scrollbars = yes // 스크롤 바 사용
resizeable
= yes // 사이즈 변경 사용
menubar =
yes // 메뉴 바 사용
toolbar = yes // 도구창 사용
location = yes // 메뉴아이콘 출력
directories = yes // 제목 표시줄 출력
status = yes // 하단 상태바 출력
fullscreen = yes // 전체화면
width =
100 // 팝업창의 가로사이즈
height =
100 // 팝업창의 세로사이즈
left = 10
// 좌측에서 10픽셀을 띄운다.
top = 10
// 상단에서 10픽셀을 띄운다.
scrollbars, resizeable 등을 지정하지 않았을 경우, 호출하는 url 화면이 지정한 팝업사이즈보다
더 클 경우 상하 및 좌우스크롤은 자동으로 생성된다.
'Web > Javascript' 카테고리의 다른 글
[javascript] input box 입력 제한/onkeydown/keyCode/preventDefault() (0) | 2016.07.20 |
---|---|
[javascript] enter key event/엔터키/trigger/자동 클릭 (0) | 2016.07.20 |
[Javascript] JSON.parse, JSON.stringify 차이 / 예제 (0) | 2016.07.07 |
[Javascript 기본 개념] Javascript 문법-Object (0) | 2016.06.23 |
[Javascript 기본 개념] Javascript 문법-프로토타입(prototype) (0) | 2016.06.23 |