ダイアログを表示する

書式

<a href="url" title="Sample 1" onclick="Modalbox.show(this.href, { title : dialogTitle} ); return false;">

url : ダイアログに表示するページURL
dialogTitle : ダイアログタイトル

説明

MacOS X風ダイアログを表示するにはaタグのhrefにダイアログに表示するページURLを指定します。ダイアログの表示はModalbox.show()で行います。単純に表示するのであれば表示内容のURLまたはテキスト/HTML文字列をパラメータとして指定します。

サンプルコード [実行]

<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>