오늘은 자바스크립트에서 DoModal 을 사용하는 방법에 대해 설명하고자 합니다.


C++ 에서는 DoModal 함수가 있어서 Modal 방식의 창을 띄울 수 있는데


자바스크립트에서도 그와 같은 함수가 있습니다.


showModalDialog 라는 함수입니다. 이 함수를 좀더 쉽게 다룰 수 있도록 함수화 해서 만든게 있어서 알려드립니다. (IE기준)


* 소스코드


// parm_url : 호출할 페이지

// w : 가로크기 (px)

// h : 세로크기 (px)

function DoModal(parm_url, w, h)

{

var pop_layer = null;

var is_style="edge:raised;center:yes; dialogwidth:"+w+"px; dialogheight:"+h+"px; scroll:yes; resizable:no; status:no; select:yes;"; 

        // 창 틀의 두께를 의미하며, sunken이 두텁고, raised가 얇음. 

return showModalDialog(parm_url, window, is_style);

}


* 사용법


var mm = DoModal('modal.asp', 300, 400);


위 함수처럼 사용하시면 쉽게 모달을 구현할 수 있습니다.






+ Recent posts