dialogHeight : sHeight
dialogLeft : sXPos
dialogTop : sYPos
dialogWidth : sWidth
center : { yes | no | 1 | 0 | on | off } 기본값 yes.
dialogHide : { yes | no | 1 | 0 | on | off } 기본값 no.
edge : { sunken | raised } 기본값 raised.
resizable : { yes | no | 1 | 0 | on | off } 기본값 no.
scroll : { yes | no | 1 | 0 | on | off } 기본값 yes.
status : { yes | no | 1 | 0 | on | off }
unadorned : { yes | no | 1 | 0 | on | off } 기본값 no.
출처 : MSDN Library > showModalDialog Method
(각 속성에 대한 자세한 설명이 더 나와 있습니다)
-----------------------------------------------------------------------
<a href="javascript:window.showModalDialog('띄울 페이지 경로','mpop','dialogHeight:300px; dialogWidth:300px; dialogLeft:100px; dialogTop:100px; resizable:no; status:no; scroll:no; help:no; unadorned:no; edge:sunken');">클릭</a>
<body onload="javascript:window.showModalDialog('띄울 페이지 경로','mpop','dialogHeight:300px; dialogWidth:300px; dialogLeft:100px; dialogTop:100px; resizable:no; status:no; scroll:no; help:no; unadorned:no; edge:sunken');"></body>
-----------
<script>
function mpop() {
window.showModalDialog('띄울 페이지 경로','mpop','dialogHeight:300px; dialogWidth:300px; dialogLeft:100px; dialogTop:100px; resizable:no; status:no; scroll:no; help:no; unadorned:no; edge:sunken'); }
</script>
<a href="javascript:mpop()">클릭</a>
<body onload="javascript:mpop()"></body>
-----------
<script>
function mpop(URL) {
window.showModalDialog(URL,'mpop','dialogHeight:300px; dialogWidth:300px; dialogLeft:100px; dialogTop:100px; resizable:no; status:no; scroll:no; help:no; unadorned:no; edge:sunken'); }
</script>
<a href="javascript:mpop(/zoom.asp)">클릭</a>
<body onload="javascript:mpop(/popup.asp)"></body>
-----------
* IE 5 부터 IE 7 버전에 따라 옵션에 사소한 변화들이 있습니다. (위의 MSDN 문서 참조)
* 스크립트명과 윈도우명으로 들어간 mpop 은 각각 임의로 지정합니다.
* 옵션의 너비, 높이, 위치를 아래와 같이 함으로써 전체창 팝업처럼 띄울 수 있습니다.
dialogHeight:'+(screen.availHeight-30)+'; dialogWidth:'+(screen.availWidth)+'; dialogLeft:0px; dialogTop:0px;
샘플보기 : 전체 창 크기의 모달 팝업을 띄웁니다
샘플보기 : 일반적인 팝업창 식의 모달 팝업을 띄웁니다
dialogLeft : sXPos
dialogTop : sYPos
dialogWidth : sWidth
center : { yes | no | 1 | 0 | on | off } 기본값 yes.
dialogHide : { yes | no | 1 | 0 | on | off } 기본값 no.
edge : { sunken | raised } 기본값 raised.
resizable : { yes | no | 1 | 0 | on | off } 기본값 no.
scroll : { yes | no | 1 | 0 | on | off } 기본값 yes.
status : { yes | no | 1 | 0 | on | off }
unadorned : { yes | no | 1 | 0 | on | off } 기본값 no.
출처 : MSDN Library > showModalDialog Method
(각 속성에 대한 자세한 설명이 더 나와 있습니다)
-----------------------------------------------------------------------
<a href="javascript:window.showModalDialog('띄울 페이지 경로','mpop','dialogHeight:300px; dialogWidth:300px; dialogLeft:100px; dialogTop:100px; resizable:no; status:no; scroll:no; help:no; unadorned:no; edge:sunken');">클릭</a>
<body onload="javascript:window.showModalDialog('띄울 페이지 경로','mpop','dialogHeight:300px; dialogWidth:300px; dialogLeft:100px; dialogTop:100px; resizable:no; status:no; scroll:no; help:no; unadorned:no; edge:sunken');"></body>
-----------
<script>
function mpop() {
window.showModalDialog('띄울 페이지 경로','mpop','dialogHeight:300px; dialogWidth:300px; dialogLeft:100px; dialogTop:100px; resizable:no; status:no; scroll:no; help:no; unadorned:no; edge:sunken'); }
</script>
<a href="javascript:mpop()">클릭</a>
<body onload="javascript:mpop()"></body>
-----------
<script>
function mpop(URL) {
window.showModalDialog(URL,'mpop','dialogHeight:300px; dialogWidth:300px; dialogLeft:100px; dialogTop:100px; resizable:no; status:no; scroll:no; help:no; unadorned:no; edge:sunken'); }
</script>
<a href="javascript:mpop(/zoom.asp)">클릭</a>
<body onload="javascript:mpop(/popup.asp)"></body>
-----------
* IE 5 부터 IE 7 버전에 따라 옵션에 사소한 변화들이 있습니다. (위의 MSDN 문서 참조)
* 스크립트명과 윈도우명으로 들어간 mpop 은 각각 임의로 지정합니다.
* 옵션의 너비, 높이, 위치를 아래와 같이 함으로써 전체창 팝업처럼 띄울 수 있습니다.
dialogHeight:'+(screen.availHeight-30)+'; dialogWidth:'+(screen.availWidth)+'; dialogLeft:0px; dialogTop:0px;
샘플보기 : 전체 창 크기의 모달 팝업을 띄웁니다
샘플보기 : 일반적인 팝업창 식의 모달 팝업을 띄웁니다
