Wikipedia:NavFrame
出典: フリー百科事典『ウィキペディア(Wikipedia)』
NavFrameは、ダイナミック・ナビゲーション・ボックス(Dynamic Navigation Boxes)についての説明です。
ダイナミック・ナビゲーション・ボックスは、折り畳みできるナビゲーションボックスをJavaScriptとスタイルシートで実現しています。
目次 |
[編集] 使用方法
divタグを使うことで実現できます。divタグのクラスに「NavFrame」、「NavHead」、「NavContent」を入れるだけです。
[編集] サンプル例(divタグ)
<div class="NavFrame"> <div class="NavHead">[... ここにタイトルを入れる(表示ボタンが付く) ...]</div> <div class="NavContent"> [... ここに折り畳み機能を使いたい部分の内容を入れる ...] </div> </div>
[... ここにタイトルを入れる(表示ボタンが付く) ...]
[... ここに折り畳み機能を使いたい部分の内容を入れる ...]
[編集] クラス混在の例
(使えない?)
<div class="messagebox standard-talk NavFrame"> <div class="somerandomclass NavHead">[... ここにタイトルを入れる(表示ボタンが付く) ...]</div> <div class="NavContent anotherclass"> [... ここに折り畳み機能を使いたい部分の内容を入れる ...] </div> </div>
[編集] テーブルへの適用
(これも使用できない?)
[編集] ブラウザの対応
IE5.5以降およびJavaScriptを実装したブラウザ(Firefox, Safari / KHTML, Opera 8/9など)では、折り畳み機能を使うことができます。
JavaScripitが未実装のブラウザ(IE5など)では、NavContentのクラスを与えた要素部分も表示されるはず。