윈도우 팝업

윈도우 팝업 만들기

[ 방법 ]

1. 윈도우 팝업은 <a> 태그에 이벤트를 걸어준다.

2. 윈도우 팝업은 width="100%"로 하여 만드는 것을 추천한다. (크롬과 익스의 width 계산이 다르다.)

3. 가운데 정렬로 띄우기 위해 스크립트를 넣어준다.

html

<a href="#" onclick="procedure(1280,727,'win_pop.html')">win_pop</a>

javascript

/* 윈도우팝업 */

function procedure(w,h,url) {

cw=screen.availWidth;     //화면 넓이

ch=screen.availHeight;    //화면 높이

sw=w;    //띄울 창의 넓이

sh=h;    //띄울 창의 높이

ml=(cw-sw)/2;        //가운데 띄우기위한 창의 x위치

mt=(ch-sh)/2;         //가운데 띄우기위한 창의 y위치

test=window.open(url,'tst','width='+sw+',height='+sh+',top='+mt+',left='+ml+',resizable=no,scrollbars=yes');

}