他のページ内をインラインフレームに表示する

書式

<a href="pageURL?keepThis=true&TB_iframe=true&height=H&width=W" rel="thickbox" title="titleString">〜</a>

pageURL : ページURL
H : 縦幅【省略可能】
W : 横幅【省略可能】
titleString : タイトル文字

説明

ページ内のコンテンツをインラインフレームに表示するには<a>タグのhref属性に表示するページURLおよび表示幅を指定します。幅はピクセル値で指定します。幅を省略した場合は自動的に幅が設定されます。また、ThickBoxを使用する際には付属のthickbox.cssが必要になります。

Ajaxライブラリ リファレンス

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="thickbox.css" type="text/css" media="all">
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="thickbox.js"></script>
</head>
<body>
<h1>ThickBoxサンプル</h1>
<a href="about.html?keepThis=true&TB_iframe=true&height=200&width=300" class="thickbox" title="TickBoxとは？">ThickBoxについて</a>
</body>
</html>