공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

티스토리 뷰

■ 프론트엔드 ■/JavaScript

폼데이터 - 팝업창에서 부모창으로 submit

serpiko 2014. 2. 26. 10:42

   폼데이터 - 팝업창에서 부모창으로 submit



직접 샘플을 만들어서 남겨둠. 넘 바쁜 관계로 코드 설명은 추후에.



1. 부모창에서 일단 팝업창으로 전송)



<!DOCTYPE HTML>
<html lang="ko">
<head>
<title> parent </title>
<meta charset="utf-8">
</head>
<body>
	<form name="extendHDD">
		상품명: <input type="text" name="goodsname" value="외장하드" /> <br />
		가격: <input type="text" name="amount" value="99,000" />원 <br />
		제조사: <input type="text" name="productname" value="씨게이트" /> <br />
		품질보증: <input type="text" name="warranty" value="3" />년
	</form>
	
	<a href="javascript:sendData();"><button>팝업창전송</button></a>
	<script>
		function sendData(){
			var frm = document.extendHDD;
			var url = "popup.asp";
			var title = "pop"; //객체의 레퍼런스가 아닌 스트링을 사용한 이름을 지정해 주어야 함.
			var status = "width=1000,height=680,menubar=no,toolbar=no,location=no,status=no,fullscreen=no,scrollbars=no,resizable=yes,top=0,left=0";

			window.open(url, title, status);

			frm.method = "post";
			frm.encoding = "application/x-www-form-urlencoded";
			frm.target = title;
			frm.action = url;
			frm.submit();
		}
	</script>
</body>
</html>




2. 팝업창에서 다시 부모창으로 전송하며 팝업창은 닫힘)



<%@ CODEPAGE="65001" LANGUAGE="VBSCRIPT" %>
<% session.codepage = "65001" %>
<% response.charset = "utf-8" %>

<%
	goodsname = request("goodsname")
	amount = request("amount")
	productname = request("productname")
	warranty = request("warranty")
%>

<!DOCTYPE HTML>
<html lang="ko">
<head>
<title> popup </title>
<meta charset="utf-8">
</head>
<body>
	<form name="popup">
	<table border="1" cellpadding="10">
		<tr>
			<td>
				<%= goodsname %>
			</td>
			<td>
				<%= amount %>원
			</td>
			<td>
				<%= productname %>
			</td>
			<td>
				<%= warranty %>년
			</td>
	</table>
	
	<input type="hidden" name="goodsname" value='<%= goodsname %>' />
	<input type="hidden" name="amount" value='<%= amount %>' />
	<input type="hidden" name="productname" value='<%= productname %>' />
	<input type="hidden" name="warranty" value='<%= warranty %>' />

	</form>

	<a href="javascript:sendData();"><button>부모창전송</button></a>

	<script>
		function sendData(){
			var frm = document.popup;
			var title = "parent2";
			var url = 'parent_2.asp';
						
			window.opener.name = title; //객체의 레퍼런스가 아닌 스트링을 사용한 이름을 지정해 주어야 함.
			frm.target = title; 

			//opener.parent.name = opener.parent.name || "opener_parent"; 
			//frm.target = opener.parent.name; 

			frm.action = url;
			frm.submit(); 
			self.close();
		}
	</script>
</body>
</html>



3. 부모창에서 수신)


<%@ CODEPAGE="65001" LANGUAGE="VBSCRIPT" %>
<% session.codepage = "65001" %>
<% response.charset = "utf-8" %>

<%
	goodsname = request("goodsname")
	amount = request("amount")
	productname = request("productname")
	warranty = request("warranty")
%>

<!DOCTYPE HTML>
<html lang="ko">
<head>
<title> parent </title>
<meta charset="utf-8">
</head>
<body>
	<table border="1" cellpadding="10">
		<tr>
			<td>
				<%= goodsname %>
			</td>
			<td>
				<%= amount %>원
			</td>
			<td>
				<%= productname %>
			</td>
			<td>
				<%= warranty %>년
			</td>
	</table>
</body>
</html>

저작자표시 비영리 동일조건

'■ 프론트엔드 ■ > JavaScript' 카테고리의 다른 글

변수에 함수를 할당  (0) 2014.05.09
window.open() 메서드 : 새 브라우저 창을 엽니다.  (0) 2014.05.07
폼데이터 - 부모창에서 팝으로 submit  (0) 2014.02.26
새로고침 방지 샘플 스크립트  (0) 2014.02.19
부정연산자를 이용해 토글을 사용한 반복 애니메이션  (0) 2014.02.11
댓글