ダイアログの縦幅を指定する

書式

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

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

説明

ダイアログの縦幅を指定するにはModalbox.show()の2番目のオプションでheightを使って指定します。値はピクセル値になります。

サンプルコード [実行]

<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, height:200 }); return false;">ダイアログを表示</a>
</body>
</html>