2014. 5. 8. 15:03ㆍ프로그래밍/Javascript & JQuery
1. 부모 frame "1" 에서 팝업 호출
2. 팝업창에서 insert 등의 프로세스 수행
3. 팝업창을 닫고 부모 frame "2"에서 데이터 조회
아래와 같은 그림
4. 소스
1) frame1.html
<frameset cols = "130" frameborder="no" border = "0">
<frame src="menu.html" name="left">
<frame src="searchComplete.html" name="right">
</frameset>
2) menu.html
<html>
<head>
<title>menu </title>
<script type="text/javascript">
function openPop(){
window.open("popup.html", "_target", "scrollbars=yes, resizable=no, menubar=no, width=700, height=500");
}
</script>
</head>
<body>
<a href="javascript:openPop();">openPopup</a>
</body>
</html>
3) popup.html
<html>
<head>
<title>main </title>
<script type="text/javascript">
function search(){
opener.parent.frames["right"].location="데이터삽입등의프로세스URL";
// 알아두어야 할 것 opener와 parent의 차이
// - Parent는 frame에서 사용하며, Opener는 팝업창에서 사용한다.
self.close();
}
</script>
</head>
<body>
<a href="javascript:search();">조회</a>
</body>
</html>
4) searchComplete.html
- 리스트 조회 결과페이지 작성
'프로그래밍 > Javascript & JQuery' 카테고리의 다른 글
| [jQuery] jQuery DOM window (레이어 팝업) (0) | 2014.06.13 |
|---|---|
| [Javascript] IE에서 Canvas를 사용할 경우 "개체가 'getcontext' 속성이나 메서드를 지원하지 않습니다." 해결책 (0) | 2014.06.12 |
| [Javascript] input 에 숫자만 입력받기 (0) | 2014.04.18 |
| [jQuery] jQuery readyOnly disabled 속성 주기 (0) | 2014.04.14 |
| [jQuery] DatePicker (0) | 2014.03.21 |