팝창을 여는 2가지 방식 (get, post)

자바스크립트에서 팝창을 여는 방법은 잘 알려진 방식인데 초보자 분들은 get 방식을 통해서만 전달이 되는 것으로 아시는 분들이 좀 계시더라구요,.

 

그래서 여기서 post 방식으로도 팝창을 열수 있는데 이 부분을 어떻게 하는지를 설명하고자 합니다.

 

그리고 제가 사용하는 팝창 여는 함수도 설명하고자 합니다. 마우래도 체계화가 좀 되어 있으면 함수 내의 부분이나 인자값을 좀 수정하면 다양하게 사용할 수 있기 때문입니다.

 

우선 일반적인 방식이 GET 방식을 설명합니다.

 

* 소스코드 (GET)

 

function GetOpen()

{

var f = document.write_form;

 

  // 이곳에서 팝창의 스타일을 지정한다.

var is_status = "toolbar=no,directories=no,scrollbars=yes,resizable=no,status=yes,menubar=no, top=10,left=30, width=920, height=700"; 

  

        var url = "open.asp?parm1="+f.f_parm1.value;

var p_window = window.open(url,"p_window",is_status); 

p_window.focus();

}

 

 

GetOpen();

 

위 부분에서 보면 form 을 받아서 form 안의 인자를 get 으로 10, 30, 920, 700 위치에 띄운다.

 

 

* 소스코드 (POST)

 

function PostOpen()

{

var f = document.write_form;

 

  // 이곳에서 팝창의 스타일을 지정한다.

var is_status = "toolbar=no,directories=no,scrollbars=yes,resizable=no,status=yes,menubar=no, top=10,left=30, width=920, height=700"; 

  

var p_window = window.open("","p_window",is_status); // post 는 우선 url 이 없다.

f.target = "p_window";

f.action = "open.asp";

f.submit();

p_window.focus();

}

 

PostOpen();

 

위 부분에서 보면 form 자체를 submit 으로 한다. 그러면 팝창 내에서는 부모의 form 을 다 사용할 수 있게 됩니다.

target 이 p_window 라는 부분을 유의해야 합니다.

 

사용법은 그리 어렵지 않으니 쉽게 사용하실 수 있습니다.