[HTML + CSS] window.open() post방식 전달

새 창으로 다른 페이지를 띄우고 싶을 때 주로 window.open()을 사용합니다.

 

하지만 post방식은 따로 함수를 구현해주어야 합니다.

 

<form> 태그의 name이 자바 스크립트 document. 'name' 이 되어야 합니다.

 

이걸 찾느라 고생했습니다.

 

저는 bootstrap 을 사용하기에 필터링을 거쳐 생략을 좀 하였으나 card_img 클래스 단위는 부트 스트랩 이므로 무시하셔도 됩니다.

 

<form action="Gate" name="popForm" method="post"> <input type="hidden" name="name" value="yoohyeok" /> <input type="hidden" name="id" value="201031026" /> <div class="card" onClick="onSubmit()"style="cursor: pointer;"> <img class="card-img-top card_img" src="img/apples.jpg"> <div class="card-block"> <h5 class="text-bold">Window.open()</h5> </div> </div> </form>

2~3 : hidden으로 넘겨줄 값 선언

4: onClick으로 함수 호출

 

 

<script type="text/javascript"> function onSubmit(){ var myForm = document.popForm; //http://www.naver.com var url = '/GMS/Gate'; // 옵션 추가가능 window.open("" ,"popForm", "toolbar=no, width=540, height=467, directories=no, status=no, scrollorbars=no, resizable=no"); window.open("" ,"popForm"); myForm.action =url; myForm.method="post"; myForm.target="popForm"; myForm.submit(); } </script>

 

감사합니다.