본문 바로가기

웹/HTML / Javascript

깔끔한 팝업창 띄우기

메뉴, 아이콘, 스크롤 이런거 없는 깔끔한 팝업창을 띄우는  소스다.

window.open("팝업창의주소", "팝업제목", "resizable=no,scrollbars=no,status=no,left=0px,top=0px,width=500px,height=500px");

 

이걸 삽입하면 된다. 근데 내가 사용했을 때, 3번째 파라미터를 자바스크립트 변수의 연결

ex) left='+leftNum+'px,'

뭐 이런 식으로 사용했었는데 작동이 안됐다... 이럴 때에는

변수 한개 선언한 다음에 한 변수에 싹 연결시켜 옵션을 만들어 주고 ex) var options = 어쩌고+저쩌고...;

3번째 파라미터에 변수 한개만 딱 넣으면 잘 동작한다.

 

이런거 함수 한개 만들어 놓고 쓰면 편할 듯 싶다.

예를 들어 플래시 버튼 눌렀을 시 팝업 띄우는 경우에

 

on(Release)    {

getURL("javascript:thisisNewFunction('wow.html', '800', '600')");

}

요런식으로 간단하게 사용할 수 있다.