반응형
자바스크립트를 이용한 자식창(popup)에서 부모창으로 submit 하기
자식창을 띄운 후 자식창에서 폼 전송을 부모창에서 실행하는 코드
부모창
-----------------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>parent</title>
<script type="text/javascript">
window.name = 'myPage';
$(document).ready(function(){
$('#btn').click(function(){
window.open('parent_pop.jsp','pop','width:300px;height:300px;');
});
});
</script>
</head>
<body>
<input type="button" value="확인" id="btn">
</body>
</html>
자식창
--------------
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>popup</title>
<script type="text/javascript">
window.onload=function(){
var pop_btn = document.getElementById('pop_btn');
pop_btn.onclick=function(){
document.myForm.target= opener.name; //호출하고자하는 부모창의 이름
document.myForm.submit(); // 폼 전송
self.close(); //창 닫기
}
};
</script>
</head>
<body>
<form action="parent_form.jsp" method="post" name="myForm">
<input type="button" value="전송" id="pop_btn">
</form>
</body>
</html>
반응형
'javaScript&jQuery' 카테고리의 다른 글
| 자바스크립트 - 스크롤을 div의 맨 아래로 이동시키기 (0) | 2022.11.16 |
|---|---|
| ajax 통신이 성공했을 때 팝업창(새창) 띄우기 오류 (0) | 2018.07.20 |
| 자바스크립트를 이용한 시작날짜와 끝날짜의 일수 계산하기 (0) | 2017.07.25 |
| jQuery를 이용해서 팝업창에서 부모창에 데이터 전달하기 (0) | 2017.07.25 |
| jQuery를 이용해서 checkbox의 선택한 값 모두 읽어 오기 (0) | 2017.07.25 |