[javascript] iframe 사용법

이 때 주의할 점은 iframe의 name을 지정해야 한다는 점이다. (id를 지정하면 안된다)

순서 : form에서 target을 iframe으로 잡고 -> iframe action 을 통한 페이지 이동.

1. 먼저 iframe 을 숨길 css를 선언.

#hidden

{

width:1px;

height:1px;

border:0;

}

2. form 생성

<form name="fileSend" action="filecreate.php" method="POST">

<input type="hidden" name="contents" value="" />

</form>

3. iframe 선언.

<iframe id="hidden" name="hiddenifr" src="filecreate.php">

</iframe>

4. submit 할 버튼 생성

<input type="button" value="send" onclick="send(); />

5. send함수 생성

function send()

{

form = document.fileSend;

form.contents.value = array                                              ==> 배열  객체를 넘긴다.

form.target = "hiddenifr"                                                   ==> target을 iframe으로 잡는다.

form.submit();                                                                ==> submit 호출

alert("보내졌습니다."); 

}

참고사이트

http://alletry.tistory.com/entry/form%EC%97%90-target%EC%9D%84-%EC%A7%80%EC%A0%95%ED%95%B4-post-%EB%B0%A9%EC%8B%9D%EC%9C%BC%EB%A1%9C-iframe%EC%97%90-%EB%84%98%EA%B8%B0%EA%B8%B0

http://aboooks.tistory.com/205