팝업창의 값을 참조하여 오프너에 보내기
미랑 · 2006-04-19 13:21:30
============
opener.html
============
<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>
<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->
<SCRIPT LANGUAGE="JavaScript">
<!--
// 목록보기 버튼을 클릭하면 list.html 문서창을 열어줍니다
function showList() {
sList = window.open("list.html", "list", "width=200,height=160");
}
// 문서를 닫을때 팝업창의 opener 속성을 null 로 만들어 줍니다
function remLink() {
if (window.sList && window.sList.open && !window.sList.closed)
window.sList.opener = null;
}
// -->
</SCRIPT>
<!------------------------- 여기까지 ---------------------------------->
</HEAD>
<BODY onunLoad="remLink()">
<!---- [2단계] 아래의 코드를 <BODY> 태그와 </BODY> 태그안에 붙여 넣으세요 ---->
<FORM NAME="myForm">목록을 클릭하여 선택 하세요 :
<INPUT TYPE="text" NAME="myText" SIZE="10" VALUE="">
<INPUT TYPE="button" VALUE="목록보기" onClick="showList()">
</FORM>
<!------------------------- 여기까지 ---------------------------------->
</BODY>
</HTML>
=========
list.html
=========
<HTML>
<HEAD>
<TITLE> Jasko Sample Script </TITLE>
<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->
<SCRIPT LANGUAGE="JavaScript">
<!--
// opener 윈도우가 열려있는 상태이면
// 텍스트박스에 선택한 값을 넣고
// 현재의 이 창을 닫습니다
function pick(symbol) {
if (window.opener && !window.opener.closed)
window.opener.document.myForm.myText.value = symbol;
window.close();
}
// -->
</SCRIPT>
</HEAD>
<BODY>
<!---- [2단계] 아래의 코드를 <BODY> 태그와 </BODY> 태그안에 붙여 넣으세요 ---->
<TABLE BORDER="0" cellspacing=1 align=center bgColor=teal width=100%>
<TR BGCOLOR="lightyellow"><TD><B>인기가수</B></TD><TD><B>인기배우</B></TD></TR>
<TR bgColor=white><TD><A HREF="javascript:pick('조용필')">조용필</A></TD>
<TD><A HREF="javascript:pick('장동건')">장동건</A></TD></TR>
<TR bgColor=white><TD><A HREF="javascript:pick('이미자')">이미자</A></TD>
<TD><A HREF="javascript:pick('원 빈')">원 빈</A></TD></TR>
<TR bgColor=white><TD><A HREF="javascript:pick('패티김')">패티김</A></TD>
<TD><A HREF="javascript:pick('신은경')">신은경</A></TD></TR>
<TR bgColor=white><TD><A HREF="javascript:pick('이수미')">이수미</A></TD>
<TD><A HREF="javascript:pick('최무룡')">최무룡</A></TD></TR>
<TR bgColor=white><TD><A HREF="javascript:pick('HOT')">HOT</A></TD>
<TD><A HREF="javascript:pick('배삼룡')">배삼룡</A></TD></TR>
</TABLE>
<!------------------------- 여기까지 ---------------------------------->
</BODY>
</HTML>