2017년 6월 3일 토요일

JavaScript : 모달(modal) 창의 구현 소스

모달 팝업창에서 입력한 값을 부모창으로 전송해 본다.

아래는 모달의 주요 함수들

//모달 띄우기
window.showModalDialog();

//자식창에서 부모창 객체 받아두기
var opener = window.dialogArguments;

//부모창의 입력란에 값 채우는 처리 예
opener.document.form1.test1.value = document.form1.test1.value;

//부모창 새로고침 및 모달창 닫기 처리 예
window.close(); //클로즈 먼저해야만 새로고침이 되었음
window.dialogArguments.document.location.reload(); //클로즈 먼저해야만 새로고침이 되었음

팝업창에서 액션이 필요하다면 아래의 코드를 <head> 테그 사이에 넣어야 한다.
<base target="_self" />