반응형
=======================
=======================
=======================
출처:
http://hiteks.tistory.com/entry/showModalDialog
1. 설명
window.open은 부모창의 form값을 submit하여 값을 원하는 값을 전달할 수 있지만, 다이얼로그는 인자값으로 전달 받을 수 있다.
인자값은 어떤 객체를 전달하든 상관없을듯하다.
다이얼로그에서 전달 받은 객체를 사용하는 방법은 아래와 같다
[ vVariables = ] window.dialogArguments
2. 예제(msdn예제)
- 객체로 전달
<HTML>
<HEAD>
<SCRIPT>
function fnLaunch()
{
var aForm;
aForm = oForm.elements;
var myObject = new Object();
myObject.firstName = aForm.oFirstName.value;
myObject.lastName = aForm.oLastName.value;
window.showModalDialog("modalDialogSource1.htm", myObject, "dialogHeight:300px; dialogLeft:200px;");
}
</SCRIPT>
<LINK REL="stylesheet" HREF="/workshop/samples/samples.css" TYPE="text/css">
</HEAD>
<HEAD>
<SCRIPT>
function fnLaunch()
{
var aForm;
aForm = oForm.elements;
var myObject = new Object();
myObject.firstName = aForm.oFirstName.value;
myObject.lastName = aForm.oLastName.value;
window.showModalDialog("modalDialogSource1.htm", myObject, "dialogHeight:300px; dialogLeft:200px;");
}
</SCRIPT>
<LINK REL="stylesheet" HREF="/workshop/samples/samples.css" TYPE="text/css">
</HEAD>
<BODY>
<BUTTON onclick="fnLaunch();" > Launch The Window</BUTTON>
<FORM ID= "oForm">
First Name:
<INPUT TYPE="text" NAME="oFirstName" VALUE="Jane">
<BR>
Last Name:
<INPUT TYPE="text" NAME="oLastName" VALUE="Smith">
</FORM></BODY>
</HTML>
<BUTTON onclick="fnLaunch();" > Launch The Window</BUTTON>
<FORM ID= "oForm">
First Name:
<INPUT TYPE="text" NAME="oFirstName" VALUE="Jane">
<BR>
Last Name:
<INPUT TYPE="text" NAME="oLastName" VALUE="Smith">
</FORM></BODY>
</HTML>
<modalDialogSource1.htm>
<HTML>
<HEAD>
<SCRIPT>
var oMyObject = window.dialogArguments;
var sFirstName = oMyObject.firstName;
var sLastName = oMyObject.lastName;
</SCRIPT>
<title>Untitled</title>
</head>
<BODY STYLE="font-family: arial; font-size: 14pt; color: Snow;
background-color: RosyBrown;">
First Name:
<SPAN STYLE="color:00ff7f">
<SCRIPT>
document.write(sFirstName);
</SCRIPT>
</SPAN>
<BR>
Last Name:
<SPAN STYLE="color:00ff7f">
<SCRIPT>
document.write(sLastName);
</SCRIPT>
</SPAN>
</BODY>
</HTML>
<HEAD>
<SCRIPT>
var oMyObject = window.dialogArguments;
var sFirstName = oMyObject.firstName;
var sLastName = oMyObject.lastName;
</SCRIPT>
<title>Untitled</title>
</head>
<BODY STYLE="font-family: arial; font-size: 14pt; color: Snow;
background-color: RosyBrown;">
First Name:
<SPAN STYLE="color:00ff7f">
<SCRIPT>
document.write(sFirstName);
</SCRIPT>
</SPAN>
<BR>
Last Name:
<SPAN STYLE="color:00ff7f">
<SCRIPT>
document.write(sLastName);
</SCRIPT>
</SPAN>
</BODY>
</HTML>
- 배열로 전달
var arr= new array();
arr[0] = "a";
arr[1] = "b";
arr[2] = "c";
window.showModalDialog("modalDialogSource1.htm", arr, "dialogHeight:300px; dialogLeft:200px;");
window.showModalDialog("modalDialogSource1.htm", arr, "dialogHeight:300px; dialogLeft:200px;");
<modalDialogSource1.htm>
var arrvalue= window.dialogArguments;
var a= arrvalue[0];
var b= arrvalue[1];
var a= arrvalue[0];
var b= arrvalue[1];
var c= arrvalue[2];
- 통째로 전달
인자값을 window로 부모를 전달할경우 다이얼로그에서 부모의 객체를 모두 사용할 수 있다.
window.showModalDialog("modalDialogSource1.htm", window, "dialogHeight:300px; dialogLeft:200px;");
=======================
=======================
=======================
반응형
'WEB > JavaScript' 카테고리의 다른 글
| 페이지 실행시 자바 스크립트 함수 실행 (0) | 2011.04.01 |
|---|---|
| window.open 으로 열린 창에 대해 닫혔는지 확인하기 (0) | 2011.04.01 |
| [POPUP] 팝업창에 Post 방식으로 값 넘기기 (1) | 2011.04.01 |
| 자바스크립트 부모창에서 자식창으로 값을 전달하기 (0) | 2011.04.01 |
| asp value(값) html과 자바스크립트 넘기기 (0) | 2010.01.14 |