Help:ダイナミック・ナビゲーション・ボックス

ようこそ - ガイドブック - チュートリアル - 早見表 - FAQ - ヘルプ - 用語集 - 利用案内 - 質問

このページはウィキペディア日本語版のヘルプページです。

---

この文書は、ダイナミック・ナビゲーション・ボックス（Dynamic Navigation Boxes）についての説明です。

ダイナミック・ナビゲーション・ボックスは、折り畳みできるナビゲーションボックスをJavaScriptとスタイルシートで実現しています。

使用方法

divタグを使うことで実現できます。divタグのクラスに「NavFrame」、「NavHead」、「NavContent」を入れるだけです。

テンプレート{{Hidden}}はこの機能を利用していますので、簡単な場合はそちらのテンプレートを使うとよいでしょう。

サンプル例（divタグ）

<div class="NavFrame">
  <div class="NavHead">[... ここにタイトルを入れる（表示ボタンが付く） ...]</div>
  <div class="NavContent">
    [... ここに折り畳み機能を使いたい部分の内容を入れる ...]
  </div>
</div>

[... ここにタイトルを入れる（表示ボタンが付く） ...]

[... ここに折り畳み機能を使いたい部分の内容を入れる ...]

サンプル例（divタグHead・Content左寄せ）

<div class="NavFrame">
  <div class="NavHead" style="text-align:left">[... ここにタイトルを入れる（表示ボタンが付く） ...]</div>
  <div class="NavContent" style="text-align:left">
    [... ここに折り畳み機能を使いたい部分の内容を入れる ...]
  </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の変更点

以下の2値を設定しておく必要があります。

$wgAllowUserJs = true;

$wgAllowUserCss = true;