書式
Modalbox.hide()
Ajaxライブラリ リファレンスサンプルコード [実行]
<html><head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<link rel="stylesheet" href="modalbox.css" type="text/css" media="all">
<script type="text/javascript" src="lib/prototype.js"></script>
<script type="text/javascript" src="lib/scriptaculous.js"></script>
<script type="text/javascript" src="modalbox.js"></script>
<script type="text/javascript"><!--
// --></script>
</head>
<body>
<h1>ModalBoxサンプル</h1>
<a href="box.html" title="Sample 1" onclick="Modalbox.show(this.href, { title : this.title }); return false;">ダイアログを表示</a>
</body>
</html>
●box.html
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
</head>
<body>
<h1>MacOS X風ダイアログ</h1>
<p>
MacOS Xのダイアログのように内容に合わせて伸縮したり上から登場します。<br>
<br>
<a href="#" title="Close window" onclick="Modalbox.hide(); return false;">閉じる</a>
</p>
</body>
</html>