제목 : 활용예제 : 모달 팝업창 띄우고, 값 전달 및 값 받아오기
|
글번호:
|
|
249
|
|
작성자:
|
|
레드플러스
|
|
작성일:
|
|
2009/01/22 오후 2:29:00
|
|
조회수:
|
|
17622
|
showModalDialog Method에 대해서는 아래 링크를 참고하세여...
http://msdn.microsoft.com/en-us/library/ms536759.aspx
메인 페이지 소스:
=======================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>FrmMain.htm : 부모창</title>
</head>
<body>
<script language="javascript" type="text/javascript">
// 넘겨줄 데이터 만들기
var obj = new Object();
obj.Name = "레드플러스";
obj.Age = 21;
// 모달 팝업 띄우기
var retVal = window.showModalDialog(
"FrmPopup.htm",
obj,
"dialogWidth:440px;dialogHeight=400px;scroll=yes;status=yes;resizable=no;");
// 팝업에서 넘겨온 값이 있다면, 출력
if (retVal) {
alert(retVal);
}
</script>
</body>
</html>
팝업 페이지 소스:
=======================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>FrmPopup.htm : 팝업창</title>
</head>
<body>
<script language="javascript" type="text/javascript">
// window.dialogArguments : 부모창에서 값을 받을 때 사용하는 속성
var obj = window.dialogArguments;
var name = obj.Name;
var age = obj.Age;
var retVal = "이름은 " + name + "이고, 나이는 " + age + "입니다.";
// window.returnValue : 부모창으로 값을 넘겨줄 때 사용하는 속성
window.returnValue = retVal;
</script>
</body>
</html>