모달다이얼로그(showModalDialog) 창 사용법 알아보기

※ 내용 업데이트와 홈페이지 관리 다시 시작하겠습니다. ^^;

window.showModalDialog(" http://www.superkts.pe.kr", null, "dialogWidth:500px; dialogHeight:280px; center:1; scroll:0; help:0; status:0")

※옵션 설명 :
* dialogWidth:500px - 가로 크기 설정
* dialogHeight:280px - 세로 크기 설정
* center:0 - 다이얼로그 창을 화면 가운데로 자동 정렬 지정, 1=사용, 0=사용안함
* scroll:0 - 스크롤바 표시 여부 지정 , 1=사용, 0=사용안함
* help:0 - 헬프 버튼 사용 여부 지정(별로 쓸데는 없는 듯.. -,.-) , 1=사용, 0=사용안함
* status:0 - 상태 표시줄 사용여부 지정 , 1=사용, 0=사용안함
* 여러개 동시사용시 ;(쎄미콜론)으로 구분을 해주세요

모달다이얼로그 창이 뜨게되면 닫기 전까지 부모창을 사용할 수 없게됩니다.

예제

소스

<input type="button" value=" 클릭 " onclick="dia()" style="font-size:9pt; padding-top:3px;">

<script language="JavaScript">
<!--
function dia(){
	window.showModalDialog("/images/helper/smp_400_21.jpg", null, "dialogWidth:400px; dialogHeight:293px; center:1; scroll:0; help:0; status:0")
}
//-->
</script>

<input type="button" value=" 클릭 " onclick="dia()" style="font-size:9pt; padding-top:3px;">

<script language="JavaScript">
<!--
function dia(){
	window.showModalDialog("/images/helper/smp_400_21.jpg", null, "dialogWidth:400px; dialogHeight:293px; center:1; scroll:0; help:0; status:0")
}
//-->
</script>

☞ 달팽이홈2

등록일 : 2008-07-06