Help:ダイナミック・ナビゲーション・ボックス
出典: フリー百科事典『ウィキペディア(Wikipedia)』
このページは日本語版ウィキペディアのヘルプページです。
この文書は、ダイナミック・ナビゲーション・ボックス(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のクラスを与えた要素部分も表示されるはず。
[編集] インストール
自分のメディアウィキにこの条件文をインストールするには、次のファイルをダウンロードして導入する必要があります。
- MediaWiki:Common.css - Common.css
- MediaWiki:Common.js - Common.js
- MediaWiki:Monobook.css - Monobook.css
- MediaWiki:Monobook.js - Monobook.js
[編集] LocalSettings.phpの変更点
以下の箇所を変更する必要があります。