KoXo 자바스크립트 - 속성(property) 예제

대화창에서 보내진 변수를 받는데 dialogArguments 속성이 사용된다.

<SCRIPT>
function openModal(){
  elemArr=formObj.elements;
  newObj=new Object();
  newObj.fldName=elemArr.iFldName.value;
  newObj.fldVal=elemArr.iFldVal.value;
  showModalDialog('../../property/exp/wModalDialogExp.html',newObj,
    'dialogLeft:100;dialogTop:10;dialogHeight:20;dialogWidth:30;');
}
</SCRIPT>
<FORM id= "formObj">
필드 명: <INPUT type="text" name="iFldName" value="apple"><BR>
필드 값: <INPUT type="text" name="iFldVal" value="사과">
<BUTTON onclick="openModal()">대화창 열기</BUTTON>
</FORM>

../../property/exp/wModalDialogExp.html 문서의 내용

<BODY bgcolor=#ffffcc>
<CENTER>
<BR>
<H4>modalDialog 대화창 예제</H4>
wModalDialogExp.html 내용<BR>

<BR>
<SCRIPT>
str='dialogArguments.fldName='+dialogArguments.fldName+'<BR>';
str+='dialogArguments.fldVal='+dialogArguments.fldVal+'<BR>';
str+='dialogTop='+dialogTop+'<BR>';
str+='dialogLeft='+dialogLeft+'<BR>';
str+='dialogHeight='+dialogHeight+'<BR>';
str+='dialogWidth='+dialogWidth+'<BR>';
document.write(str);
</SCRIPT>
<BR>

<BUTTON onclick=self.close()>대화창 닫기</BUTTON>
</CENTER>

</BODY>
</HTML>

선택 :

<SCRIPT>
function optionDialog(){
  event.srcElement.blur();
  oObj=new Object();
  oObj.selText=selObj.options(selObj.selectedIndex).text;
  window.showModalDialog('../../property/exp/wModalDialogExp1.html',oObj,'dialogWidth:600px;dialogHeight:300px')
}
</SCRIPT>
선택 : <SELECT id=selObj onchange="optionDialog()">
<OPTION>항목 1</OPTION>
<OPTION>항목 2</OPTION>
<OPTION>항목 3</OPTION>
<OPTION>항목 4</OPTION>
<OPTION>항목 5</OPTION>
</SELECT>

../../property/exp/wModalDialogExp1.html 문서의 내용

<HTML>
<HEAD>
<TITLE>ModalDialog 대화창 예제</TITLE>
</HEAD>

<BODY bgcolor=#ccffff>
<CENTER>
<BR>
<H4>modalDialog 대화창 예제</H4>
wModalDialogExp1.html 내용<BR>

<BR>
<SCRIPT>
str='<FONT color=red><B>'+dialogArguments.selText+'</B></FONT> 선택되었다.</BR>';
str+='dialogArguments.selText='+dialogArguments.selText+'<BR>';
str+='dialogTop='+dialogTop+'<BR>';
str+='dialogLeft='+dialogLeft+'<BR>';
str+='dialogHeight='+dialogHeight+'<BR>';
str+='dialogWidth='+dialogWidth+'<BR>';
document.write(str);
</SCRIPT>
<BR>

<BUTTON onclick=self.close()>대화창 닫기</BUTTON>
</CENTER>

</BODY>
</HTML>

dialogArguments, dialogTop, dialogLeft, dialogHeight, dialogWidth 속성 예제

dialogArguments, dialogTop, dialogLeft, dialogHeight, dialogWidth 속성 예제