最初から表示するパネルを設定する

書式

tabpanelObj = new Spry.Widget.TabbedPanels(tabpaneID,{ defaultTab: Number })

tabpanelObj : タブパネルオブジェクト
tabpaneID : タブパネル全体を囲むdivタグのID
Number : タブパネル番号 (0〜)

説明

最初から表示するパネルを設定するにはSpry.Widget.TabbedPanels()の2番目のパラメータにdefaultTabを指定します。指定する値はタブパネルの番号になります。この番号は最初のタブパネルが0になり、以後1ずつ増加していきます。

サンプルコード [実行]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="css/SpryTabbedPanels.css" type="text/css" media="all">
<script src="js/SpryTabbedPanels.js" type="text/javascript"></script>
<script type="text/javascript"><!--
window.onload = function() {
new Spry.Widget.TabbedPanels("tabPanel1",{ defaultTab: 2 });
}
// --></script>
</head>
<body>
<h1>Adobe Spry : タブパネル サンプル</h1>
<div class="TabbedPanels" id="tabPanel1">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">特集記事</li>
<li class="TabbedPanelsTab" tabindex="0">統計データ</li>
<li class="TabbedPanelsTab" tabindex="0">連載記事</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">まだ検討中です...</div>
<div class="TabbedPanelsContent">ただいま集計中です...</div>
<div class="TabbedPanelsContent">白いワニになってます</div>
</div>
</div>
</body>
</html>