createPopup()을 이용한 간단한 팝업창 만들기 > script

인터넷 익스플로러 5.5부터 새롭게 추가된 기능 중 하나가 createPopup 메쏘드이다. window 객체의 메쏘드인 createPopup을 이용하면 팝업 상자를 쉽게 만들 수 있다. 제일 처음 이 페지에 들어왔을 때 간단한 팝업 상자를 만났을텐데 바로 그런 상자를 만들 수가 있다. (인터넷 익스플로러 5.5 이상을 사용하는 사람들만 볼 수 있음)

createPopup 메쏘드를 이용하여 팝업 상자를 만들었을 때 처음에는 표시가 되지 않는다. 그렇기 때문에 이를 위해 팝업 객체의 show 메쏘드를 이용하여 표시해 줘야 한다.

이와 관련된 소스 코드는 다음과 같다.

createPopup 메쏘드는 팝업 객체를 생성한다. 이 객체를 위의 코드에서 oPopup이란 객체 변수로 받았다. oPopup도 일종의 윈도 객체이므로 oPopup.document.body를 통해 그 객체의 body에 접근할 수가 있다. 그 다음엔 이 body 객체의 스타일을 원하는대로 수정해 주면 된다. 스타일을 잘 사용한다면 얼마든지 멋있는 팝업 상자를 쉽게 만들 수 있을 것이다. oPopupBody.innerHTML은 그 객체가 가지고 있는 내부 문자열을 의미한다. oPopup.show에서 document.body는 oPopupBody로 대치하여 사용해도 무방하다.

위의 createPopup 메쏘드를 이용하여 링크 위로 마우스를 오버했을 때 좌표 계산만 잘하면 링크에 대한 간단한 설명도 쉽게 만들 수 있을 것이다.

아쉽게도 인터넷 익스플로러 5.5 이상에서만 이 메쏘드를 지원한다.

자료출처: http://korea.internet.com/channel/content.asp?cid=189&nid=18013

참고: http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/createpopup.asp