OKANOWEB WEB PARTS SAMPLE

ダイアログを簡単に作る

モーダルダイアログmodaldialog
モーダルダイアログを表示すると、親ウィンドウは実行を停止し、ダイアログが閉じるまで入力不可の状態になります。「名前を付けて保存」などのダイアログです。
モードレスダイアログmodelessdialog
モードレスダイアログを表示している間も、親ウィンドウは処理を続けます。親ウィンドウにフォーカスを移しても、ダイアログは前面に残ります。「検索」などのダイアログです。

<SCRIPTlanguage=JavaScript>
<!--str=showModalDialog("dialog.htm","","status:no;dialogWidth:320px;dialogHeight:240px");if(str){username.innerText=str;para1.style.visibility="visible";}//-->
</SCRIPT>

 dialog.htmログイン用HTML<BODYonLoad="returnvalue:値='';">
<P>
</P>
<FORMonSubmit="returnvalue:値=this.username.value:値;window.close();returnfalse;">
<P>
お名前を入力してください。<INPUTNAME="username">

<INPUTTYPE="submit"value:値="OK"STYLE="width:50">
  <INPUTTYPE="button"value:値="キャンセル"onClick="window.close();">
</P>
</FORM>