HTML モーダルウインドウ

■HTML モーダルウインドウの実現

子ウインドウにjavaスクリプトを書いて実現したもの

スクリプト
<body onblur="this.window.focus();">

モーダル

親ウインドウにjavaスクリプトを書いて実現したもの

スクリプト
<SCRIPT language="JavaScript">
function modal2(url){
window.showModalDialog(url,this,"scrollbars=yes;dialogWidth=800px;dialogHeight=480px;");
}
</SCRIPT>
<INPUT TYPE="button" VALUE="モーダル" onClick="modal2('modal2.htm')">
<A href="javascript:modal2('modal2.htm');">モーダル</A>

モーダル

子＋親
モーダル

▲トップページ > その他