상세 컨텐츠

본문 제목

window.open() 팝업창 열기

자바스크립트

by happynuri 2008. 4. 7. 13:55

본문

onClick을 통한 팝업창을 호출할때 정해진 위치와 정해진 사이즈, 그리고 스크롤바 사용여부에 대한 정의는 다음과 같다.


window.open('파일명 또는 경로명','새창이름','스크롤사용여부, 상하좌우 위치여부등');



위와같이 정의를 하면 페이지에서 화면을 호출할때 자신이 원하는 위치에 원하는 크기만큼 팝업화면을 호출할 수 있다.


function goPOPUP(seq, name)
 
{

window.open('','target_name','scrollbars=yes,toolbar=yes,resizable=yes,width=100,height=100,left=0,top=0');
 
form.action = "www.ohmynew.com"; // 팝업화면을 호출할 페이지 또는 파일명
form.seq.value = seq; // form에서 넘겨주는 seq값
form.name.value = name; // form에서 넘겨주는 name값
form.target = "target_name"; // window.open 에서 선언한 target name form.submit();

 }

// scrollbars = yes :: 스크롤바 사용 (미사용 no)
// resizeable = yes :: 좌우스크롤바 사용 (미사용 no)
// menubar = yes :: 메뉴바 사용 (미사용 no)
// toolbar = yes :: 툴바사용 (미사용 no)
// width = 100 :: 팝업창의 가로사이즈
// height = 100 :: 팝업창의 세로사이즈
// left = 10 :: 좌측에서 10픽셀을 띄운다.
// top = 10 :: 상단에서 10픽셀을 띄운다.

위에 정의되지 않은 기능 이외에도 status=yes, fullscreen 등의 추가적인 용어가 있으며
scrollbars, resizeable 등은 지정을 하지 않을 경우 열려야 하는 창이 팝업사이즈보다
더 클경우 상하 및 좌우스크롤은 자동으로 생성된다.

관련글 더보기

댓글 영역