Javascript 에서 제공하는 window.showModalDialog() 를 사용한 모달 팝업창을 생성하는 예제입니다.
참고로 팝업창 띄울 때 흔히 사용하는 window.open() 은 모달리스 팝업창입니다.
showModalDialog 의 문법은 아래와 같습니다.
|
var retval = window.showModalDialog(dialog, [varArgIn], [varOptions]);
|
dialog: 모달 팝업으로 표시할 페이지 URL
varArgln(옵션): 모달 팝업창에 전달할 변수 혹은 객체
varOptions(옵션): dialogWidth, dialogHeight 와 같은 팝업창 속성
자세한 내용은 아래 MSDN 페이지를 참고하시면 됩니다.
MSDN 페이지: http://msdn.microsoft.com/en-us/library/ie/ms536759(v=vs.85).aspx
varArgIn 부분에 self 로 하여 부모창 객체를 모달 팝업창에 넘겨 부모창을 제어할 수도 있지만 이 예제에서는 객체를 넘겨 모달 팝업창에서 객체 데이터를 alert 로 띄워봅니다.
1. test1.html
2. modalPopup.html
3. 결과 화면
'웹 > Javascript' 카테고리의 다른 글
| Javascript 에서 StringBuilder 사용하기 (0) | 2013.12.10 |
|---|---|
| 레이어 공지 팝업창 만들기 (1) | 2013.10.01 |
| 모달 팝업창 만들기 1 - dhtmlwindow를 이용하여 레이어 모달 팝업창 만들기 (2) | 2013.09.09 |
| Javascript 와 Css 로 원하는 영역만 인쇄하기 (0) | 2013.09.03 |
| Javascript 로 인쇄 미리보기 기능 추가하기 (0) | 2013.09.02 |
