HTML 팝업창 띄우기

1. 팝업창 띄우는 방법

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<script type="text/javascript"> function popupOpen(){     var popUrl = "test.html";    //팝업창에 출력될 페이지 URL     var popOption = "width=370, height=360, resizable=no,  scrollbars=no, status=no;";    //팝업창 옵션(optoin)         window.open(popUrl,"",popOption);     } </script> Colored by Color Scripter

cs

<a href="javascript:popupOpen();" > 열려라 팝업창! </a>

2. 팝업창 띄울때 옵션(option) 종류

yes나 no로 지정하면 됩니다.

toolbar = 상단 도구창 출력 여부 

menubar = 상단 메뉴 출력 여부

location = 메뉴아이콘 출력 여부

directories = 제목 표시줄 출력 여부

status = 하단의 상태바 출력 여부

scrollbars = 스크롤바 사용 여부

resizable = 팝업창의 사이즈 변경 가능 여부

사이즈 정의(픽셀 px)

width = 팝업창의 가로 길이 설정

height = 팝업창의 세로 길이 설정

top = 팝업창이 뜨는 위치(화면 위에서부터의 거리 지정)

left = 팝업창이 뜨는 위치(화면 왼쪽에서부터의 거리 지정)