1. 모든 제어권을 새로 띄워지는 창이 가짐.
-> showModalDialog로 생성된 팝업창을 닫아야 부모창은 다른 액션을 취할 수 있음.
2. 사용방법
window.showModalDialog("url","arguments","options");
- url은 모달다이어로그로 열 html 문서의 주소
- arguments는 대화 상자에 넘겨줄 인자
- options
dialogHeight : pixel 높이
dialogWeight : pixel 너비
dialogLeft : 좌측 상단의 x 좌표
dialogTop : 좌측 상단의 y 좌표
center : 중앙위치설정(yes/no)
help : help 아이콘(yes/no)
scroll : 스크롤바(yes/no)
resizable : 크기조절 가능여부(yes/no)
status : 상태표시줄 표시여부(yes/no)
3. arguments 전달방법(부모창 -> 모달창)
1) window.showModalDialog("URL", window, "dialogWidth:600px; dialogHeight:600px;status:no;help:no");
-> arguments로 window 객체를 넘겨주었고 모달창에서는 window.dialogArguments 로 parent Object에 접근가능
var win = window.dialogArguments;
var pform = win.document.dataForm;
2) 여러개의 객체를 넘기는 방법
객체를 생성해서 넘긴다.
var oArgObj = new Object();
oArgObj = gHtxtZipNo;
oArgObj = gHtxtAddr;
oArgObj = "test";
window.showModalDialog("URL", oArgObj, "dialogWidth:600px; dialogHeight:600px;status:no;help:no");
4. Return 값 전달방법(모달창 -> 부모창)
부모창
-> rVal = window.showModalDialog("URL", window, "dialogWidth:600px; dialogHeight:600px;status:no;help:no");
모달창
-> var arg = window.dialogArguments; 부모창에서 인자로 넘어온 값
window.returnValue = 호출한 페이지로 넘길 값(위의 경우 이 값은 rVal에 저장된다)
'Carpe Programming > javascript' 카테고리의 다른 글
[레이어 띄우기] 로드 중.. 업로드 중... 등 (0) | 2011.08.29 |
---|---|
[javascript] 업로드 파일 확장자 및 용량 체크 (0) | 2011.08.27 |
input type file 이미지 버튼으로 (0) | 2011.08.09 |
jquery plugin site (0) | 2011.07.18 |
[jQuery] jQuery Form Plugin을 이용한 File Upload (0) | 2011.07.15 |