| 실행 하기
<![CDATA[
폼의 입력값에 따라서 프레임을 가진 창을 여는데, 한 쪽의 프레임은 고정된 페이지이고 한 쪽은
폼의 입력값에 따라 조정되는 프레임이다. order2.htm에서 test.htm의 폼을 이용할 수 있다.
-----------------------------------------------------------------------------------
test.htm 시작 페이지:
function mySubmit(form) {
var layout = "width=500,height=300,top=200,left=150"
mySubmitWin = window.open( "", "orderWin", layout )
if( !self.String ) mySubmitWin.opener=self // NN2 호환을 위해서 opener를 만들어 준다.
mySubmitWin = window.open( "order.htm", "orderWin", layout )
mySubmitForm = form // 새 창에서 사용할 수 있게 외부변수에 "fo" form을 지정한다.
return false // order.htm이 열릴때 까지 기다리기 위해 여기서 false를 반환한다.
}
<body onLoad='setTimeout("document.fo.txt1.focus(); document.fo.txt1.select()", 1)'>
<form name="fo" action="order2.htm" target="order2" onSubmit="return mySubmit(this)">
<input type=text name="txt1" value="이름을 적고 GO를.." size=30>
<input type=submit value="GO">
</form>
-----------------------------------------------------------------------------------
order.htm :
<FRAMESET cols="25%,*" ONLOAD="opener.mySubmitForm.submit()">
<!--
폼 밖에서 formName.submit()를 썼습니다. 그러므로,
폼의 모든 이벤트는 무시 됩니다. 무조건 submit 합니다.
위의 폼의 onSubmit이 false를 반환 했으므로 ACTION, TARGET는 사용되지
않았습니다. 그것을 여기서 사용합니다.
-->
<FRAME NAME="order1" SRC="order1.htm">
<FRAME NAME="order2" SRC="javascript: 'Loading...' ">
</FRAMESET>
-----------------------------------------------------------------------------------
order1.htm : <html><body> order 1 -----</body></html>
-----------------------------------------------------------------------------------
order2.htm :
<html>
<body> order 2 -----<p>
<script language="javascript">
form = parent.opener.mySubmitForm;
// order2.htm의 상위창(order.htm)을 열은 test.htm의 폼을 지정함.
document.write("환영합니다.. <b>"+form.elements[0].value+"</b> 님..")
</script>
</body>
</html>
-----------------------------------------------------------------------------------
]]>
|