본문 바로가기

카테고리 없음

IFRAME내의 FORM TARGET을 다른 IFRAME으로 설정하는 예

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">

<title>2개의 IFRAME을 가진 페이지</title>

</head>
<body>

<!-- 2번째 IFRAME의 소스인 sub02.jsp 안에 있는 FORM의 TARGET을 첫번째 IFRAME인 if01으로 설정하는 예 -->

<iframe name="if01" src="http://naver.com" width="200" height="200"></iframe><br/>

<iframe name="if02" src="sub02.jsp" width="200" height="200"></iframe>

</body>
</html>




sub02.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>IFRAME내의 FORM TARGET을 다른 IFRAME으로 설정하는 예</title>
<script type="text/javascript">
function test(){
 //parent.if01.location.href="http://paran.com"; // GET방식 요청, 가능함
 var f = document.form1;
 
 // POST방식 요청, 가능함
 f.target = "if01";
 f.action = "http://paran.com";
 f.submit();
}
</script>
</head>
<body>
<form name="form1">
 Name: <input type="text" name="name" value="Smith"/><br/>
</form>
<a href="javascript:test();" >테스트</a>
</body>
</html>