[showModalDialog 부모에서 다이얼로그로 값 전달하기]

[showModalDialog 부모에서 다이얼로그로 값 전달하기] - dialogArguments

WEB/JavaScript

by AlrepondTech 2011. 4. 1. 17:03

=================================

출처:

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>

<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>

<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>

예제확인: http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/dialogArgumentsCallerEX1.htm

- 배열로 전달

var arr= new array();

arr[0] = "a";

arr[1] = "b";

arr[2] = "c";
window.showModalDialog("modalDialogSource1.htm", arr, "dialogHeight:300px; dialogLeft:200px;");

<modalDialogSource1.htm>

var arrvalue= window.dialogArguments;
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