티스토리 뷰
폼데이터 - 부모창에서 팝으로 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 = "get";
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>
<table border="1" cellpadding="10">
<tr>
<td>
<%= goodsname %>
</td>
<td>
<%= amount %>원
</td>
<td>
<%= productname %>
</td>
<td>
<%= warranty %>년
</td>
</table>
</body>
</html>
'■ 프론트엔드 ■ > JavaScript' 카테고리의 다른 글
| window.open() 메서드 : 새 브라우저 창을 엽니다. (0) | 2014.05.07 |
|---|---|
| 폼데이터 - 팝업창에서 부모창으로 submit (0) | 2014.02.26 |
| 새로고침 방지 샘플 스크립트 (0) | 2014.02.19 |
| 부정연산자를 이용해 토글을 사용한 반복 애니메이션 (0) | 2014.02.11 |
| 정규식 한글 체크 (1) | 2014.02.10 |
댓글