書式
<a href="url" title="Sample 1" onclick="Modalbox.show(this.title, this.href, { width:w }); return false;">url : ダイアログに表示するページURL
title : ダイアログタイトル
w : ダイアログの横幅
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.title, this.href, { width:300 }); return false;">ダイアログを表示</a>
</body>
</html>