[subModalライブラリ] スクリプトなしでモーダルダイアログを表示する
説明
subModalライブラリでスクリプトなしでモーダルダイアログを表示するにはaタグのclass属性にsubmodalを指定します。href属性にダイアログに表示するHTMLファイルのURLを指定します。表示するダイアログの幅を指定する場合にはsubmodal-400-300のように横幅と縦幅をハイフンで区切って指定します。この場合横幅400ピクセル、縦幅300ピクセルでダイアログが表示されます。
サンプルプログラム
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="css/subModal.css" type="text/css" media="all">
<link rel="stylesheet" href="css/main.css" type="text/css" media="all">
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/subModal.js"></script>
</head>
<body>
<h1>モーダルダイアログ</h1>
<p>
<a href="msg.html" class="submodal">普通にダイアログを表示</a><br>
<a href="msg.html" class="submodal-800-600">サイズを指定してダイアログを表示</a><br>
</p>
</body>
</html>