본문 바로가기
Web/Javascript

[Javascript] 팝업창 띄우는 방법 / 팝업창 옵션 / window.popup 옵션/팝업옵션

by 나비와꽃기린 2016. 7. 20.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

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 화면이 지정한 팝업사이즈보다

 더 클 경우 상하 및 좌우스크롤은 자동으로 생성된다.