KoXo 자바스크립트 - 메서드(method) - showModelessDialog (window)

지정한 HTML 문서를 표시하기위한 형식없는 대화창을 생성하여 디스플레이한다.

성명 : 홍길동

showModelessDialog 메서드로 지정된 페이지를 사용하여 형식없는(modeless) 대화창을 만들어 입력하면 반환값을 윈도우와 공통의 변수로 윈도우에 전달한다.

<HTML>
<HEAD>
<SCRIPT>
var sUserName=''; // 공통변수로 대화창과 데이터를 공유한다.
function doOpenDial(){
  showModelessDialog('../object/exp/wmyDialog.html',window,'status:false;dialogWidth:400px;dialogHeight:200px');
}
function doUpdate(){
  oName.innerText = sUserName; // 전달된 값의 적용
}
</SCRIPT>
</HEAD>
<BODY>
<P>성명 : <SPAN id="oName" style="color:navy;font-size:14pt">홍길동</SPAN></P>
<INPUT type="button" value="형식없는 대화창 열기" onclick="doOpenDial()">
</BODY>
</HTML>

myDialog.html 파일의 코드.

<!DOCTYPE html public "-//w3c//dtd html 3.2//en">
<HTML>
<HEAD>
<TITLE>언어 참조 - Javascript - 예제 - showModelessDialog (window)</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=euc-kr">
<SCRIPT>
function doGetData(){
  var sData = dialogArguments;
  sData.sUserName = oEnterName.value;
  sData.doUpdate();
}
function doCancel(){
  var sData = dialogArguments;
  sData.sUserName = '홍길동';
  sData.doUpdate();
}
</SCRIPT>
</HEAD>

<BODY>
<H3>형식없는 대화창<FONT size=2 style=font-weight:normal>(modeless dialog box)</FONT> 예제</H3>
<CENTER>
<LABEL for="oEnterName" accesskey="f">성명 : </LABEL>
<INPUT id=oEnterName value="이순신"><BR><BR>
<INPUT value="적용" type=button onclick="doGetData();">
<INPUT value="확인" type=button onclick="doGetData();window.close();">
<INPUT value="취소" type=reset onclick="doCancel();window.close();">
<INPUT value="닫기" type=button onclick="self.close();">
<DIV id=showUrl style="font-size:9pt;color:teal">
<SCRIPT>showUrl.innerText=document.location;</SCRIPT><BR>
dialogArguments 속성은 윈도우에서 선언한 변수를 공통으로 갖는다.</DIV>
</CENTER>
</BODY>
</HTML>

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이다.
help:{yes\|no\|1\|0\|on\|off }	콘덱스트 메뉴에 도움말 아이톤을 디스플레이할 것인가를 지정한다. 디폴트는 yes이다.
resizable:{ yes\|no\|1\|0\|on\|off }	대화창의 크기가 조절되는가를 지정한다. 디폴트는 no이다.
scroll:{yes\|no\|1\|0\|on\|off}	대화창에서 스크롤되는가를 지정한다. 디폴트는 yes이다.
status:{yes\|no\|1\|0\|on\|off}	대화창에서 상태바가 디스플레이되는가를 지정한다. 안전하지 않은 대화창에서 디폴트는 yes이고, 안전한 대화창에서는 no이다.
unadorned:{yes\|no\|1\|0\|on\|off}	대화창에서 테두리 색상을 디스플레이할 것인가를 지정한다. 이는 대화창이 안전한 적용에만 해당된다. 디폴트는 no이다.