「テンプレート:折り畳みボックス」の版間の差分

2014年1月4日 (土) 10:31時点における版

このテンプレートは、折り畳み可能なボックスを表示します。

使い方

{{折り畳みボックス
| タイトル = 
| 初期状態 = 
| border = 
| class = 
| style = 
| listclass = 
| 項目1 = 
| 項目1class = 
| 項目1style = 
| 内容1 = 
| 項目2 = 
| 項目2class = 
| 項目2style = 
| 内容2 = 
  ...
}}

タイトル: このテキストは折り畳み時にも常に表示されるテキストになります。

初期状態

折り畳みの初期状態を指定します。

「autocollapse」 or 指定なし - 複数の折り畳みボックスが並んでいるときに、折り畳まれて表示します。
「collapsed」 - 折り畳んで表示します。
「uncollapsed」 - 展開した状態で表示します。
「cookie-<key>」 - cookie を使用して、折り畳み状態を保持します。同一の <key> を持つボックスで折り畳み状態が保持されます。
「plain」 - 折り畳みボタンのない通常のテーブル・ボックスを表示します。

border

折り畳みボックス全体の罫線を指定します。

「navbox」 - WikipediaのTemplate:Navboxのような、枠線に囲われた折り畳みボックスを表示します。
「child」 - 枠線を非表示にします（従来の折り畳みボックス）。他の折り畳みボックスの子要素として利用する場合などに指定します。

class: タイトル要素のclass属性を指定します。

style: タイトル要素のstyle属性を指定します。

listclass: 内容のclass属性を指定します。

項目1、項目2、 ...: 折り畳み要素の項目名。省略された場合は、内容のみ表示します。

項目1class、項目2class、 ...: 項目のclass属性を指定します。

項目1style、項目2style、 ...: 項目のstyle属性を指定します。

内容1、内容2、 ...: 折り畳み要素の内容。

項目数

「項目8」「内容8」まで指定できます。
必要であれば、テンプレートを編集して項目数を増やす事もできます。

使用例

ソース

結果（リセット）

{{折り畳みボックス
| タイトル = タイトル
| border = navbox
| class = bgcolor bgcolor-AKB
| listclass = hlist hlist-pipe
| 項目1 = 項目1
| 項目1class = bgcolor bgcolor-A
| 内容1 = 
* 内容1-1
* 内容1-2
* 内容1-3

| 項目2 = 項目2
| 項目2class = bgcolor bgcolor-K
| 内容2 = 内容2
| 項目3 = 項目3
| 項目3class = bgcolor bgcolor-B
| 内容3 = 内容3
| 内容4 = {{折り畳みボックス
  | タイトル = 入れ子のボックス
  | 初期状態 = collapsed
  | border = child
  | 項目1 = 項目A
  | 内容1 = 
# 内容-1
# 内容-2
  }}
}}

タイトル

項目1

内容1-1
内容1-2
内容1-3

項目2

内容2

項目3

内容3

入れ子のボックス

項目A	内容-1 内容-2

@@ 7行目: / 7行目: @@
 | タイトル =
 | 初期状態 =
+| border =
 | class =
 | style =
+| listclass =
 | 項目1 =
 | 項目1class =
@@ 26行目: / 28行目: @@
 ;初期状態
 :折り畳みの初期状態を指定します。
-:*「collapsed」、もしくは指定なし - 折り畳んで表示します。
+:*「autocollapse」 or 指定なし - 複数の折り畳みボックスが並んでいるときに、折り畳まれて表示します。
+:*「collapsed」 - 折り畳んで表示します。
+:*「uncollapsed」 - 展開した状態で表示します。
+:*「cookie-<key>」 - cookie を使用して、折り畳み状態を保持します。同一の <key> を持つボックスで折り畳み状態が保持されます。
 :*「plain」 - 折り畳みボタンのない通常のテーブル・ボックスを表示します。
-:* それ以外の値 - 展開した状態で表示します。明確にするために「uncollapsed」を推奨します。
+;border
+:折り畳みボックス全体の罫線を指定します。
+:*「navbox」 - Wikipediaの[[Wikipedia:Template:Navbox|Template:Navbox]]のような、枠線に囲われた折り畳みボックスを表示します。
+:*「child」 - 枠線を非表示にします（従来の折り畳みボックス）。他の折り畳みボックスの子要素として利用する場合などに指定します。
 ;class
@@ 35行目: / 44行目: @@
 ;style
 :タイトル要素のstyle属性を指定します。
+;listclass
+:内容のclass属性を指定します。
 ;項目1、項目2、 ...
@@ 60行目: / 72行目: @@
 <tr>
 <td><pre style="border:0;white-space:pre-wrap;">
-<table class="navigation-box" style="clear:both;width:100%;border:1px solid #aaa;margin-top:-1px;font-size:90%;">
+{{折り畳みボックス
-  <tr>
+| タイトル = タイトル
-    <td>{{折り畳みボックス
+| border = navbox
-    | タイトル = タイトル
+| class = bgcolor bgcolor-AKB
-    | 初期状態 = uncollapsed
+| listclass = hlist hlist-pipe
-    | class = bgcolor bgcolor-AKB
+| 項目1 = 項目1
-    | 項目1 = 項目1
+| 項目1class = bgcolor bgcolor-A
-    | 項目1class = bgcolor bgcolor-A
+| 内容1 =
-    | 内容1 = 内容1 &amp;#124; ...
+* 内容1-1
-    | 項目2 = 項目2
+* 内容1-2
-    | 項目2class = bgcolor bgcolor-K
+* 内容1-3
-    | 内容2 = 内容2 &amp;#124; ...
-    | 項目3 = 項目3
+| 項目2 = 項目2
-    | 項目3class = bgcolor bgcolor-B
+| 項目2class = bgcolor bgcolor-K
-    | 内容3 = 内容3 &amp;#124; ...
+| 内容2 = 内容2
-    | 内容4 = {{折り畳みボックス
+| 項目3 = 項目3
-      | タイトル = 小タイトル
+| 項目3class = bgcolor bgcolor-B
-      | 項目1 = 項目1
+| 内容3 = 内容3
-      | 内容1 = 内容1
+| 内容4 = {{折り畳みボックス
-      }}
+  | タイトル = 入れ子のボックス
-    }}</td>
+  | 初期状態 = collapsed
-  </tr>
+  | border = child
-</table>
+  | 項目1 = 項目A
+  | 内容1 =
+# 内容-1
+# 内容-2
+  }}
+}}
 </pre></td>
 <td style="min-width:300px">
-<table class="navigation-box" style="clear:both;width:100%;border:1px solid #aaa;margin-top:-1px;font-size:90%;">
+{{折り畳みボックス
-  <tr>
+| タイトル = タイトル
-    <td>{{折り畳みボックス
+| border = navbox
-    | タイトル = タイトル
+| class = bgcolor bgcolor-AKB
-    | 初期状態 = uncollapsed
+| listclass = hlist hlist-pipe
-    | class = bgcolor bgcolor-AKB
+| 項目1 = 項目1
-    | 項目1 = 項目1
+| 項目1class = bgcolor bgcolor-A
-    | 項目1class = bgcolor bgcolor-A
+| 内容1 =
-    | 内容1 = 内容1 &#124; ...
+* 内容1-1
-    | 項目2 = 項目2
+* 内容1-2
-    | 項目2class = bgcolor bgcolor-K
+* 内容1-3
-    | 内容2 = 内容2 &#124; ...
-    | 項目3 = 項目3
+| 項目2 = 項目2
-    | 項目3class = bgcolor bgcolor-B
+| 項目2class = bgcolor bgcolor-K
-    | 内容3 = 内容3 &#124; ...
+| 内容2 = 内容2
-    | 内容4 = {{折り畳みボックス
+| 項目3 = 項目3
-      | タイトル = 小タイトル
+| 項目3class = bgcolor bgcolor-B
-      | 項目1 = 項目1
+| 内容3 = 内容3
-      | 内容1 = 内容1
+| 内容4 = {{折り畳みボックス
-      }}
+  | タイトル = 入れ子のボックス
-    }}</td>
+  | 初期状態 = collapsed
-  </tr>
+  | border = child
-</table>
+  | 項目1 = 項目A
+  | 内容1 =
+# 内容-1
+# 内容-2
+  }}
+}}
 </td>
 </tr>
 </table>
-</noinclude><includeonly><table class="{{#ifeq: {{{初期状態|}}} | plain || mw-collapsible }} {{#ifeq: {{{初期状態|collapsed}}} | collapsed | mw-collapsed }}" cellspacing="0" style="width:100%;" data-expandtext="表示" data-collapsetext="隠す">
+</noinclude><includeonly><table class="collapsible collapsible-{{{border|child}}}" data-collapse="{{{初期状態|autocollapse}}}" cellspacing="0" style="width:100%;">
    <tr><td colspan="2" class="navbox-title {{{class|}}}" style="{{{style|}}}">{{{タイトル|&nbsp;}}}</td></tr><!--
   -->{{#if: {{{内容1|}}}
-     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目1|}}} | <td class="navbox-group {{{項目1class|}}}" style="{{{項目1style|}}}">{{{項目1}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" colspan="2" style="width:100%;padding:0;"> }}{{{内容1}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目1|}}} | <td class="navbox-group {{{項目1class|}}}" style="{{{項目1style|}}}">{{{項目1}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 5px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div>
+{{{内容1}}}
+</div></td></tr>
      }}<!--
   -->{{#if: {{{内容2|}}}
-     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目2|}}} | <td class="navbox-group {{{項目2class|}}}" style="{{{項目2style|}}}">{{{項目2}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" colspan="2" style="width:100%;padding:0;"> }}{{{内容2}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目2|}}} | <td class="navbox-group {{{項目2class|}}}" style="{{{項目2style|}}}">{{{項目2}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 5px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div>
+{{{内容2}}}
+</div></td></tr>
      }}<!--
   -->{{#if: {{{内容3|}}}
-     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目3|}}} | <td class="navbox-group {{{項目3class|}}}" style="{{{項目3style|}}}">{{{項目3}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" colspan="2" style="width:100%;padding:0;"> }}{{{内容3}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目3|}}} | <td class="navbox-group {{{項目3class|}}}" style="{{{項目3style|}}}">{{{項目3}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 5px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div>
+{{{内容3}}}
+</div></td></tr>
      }}<!--
   -->{{#if: {{{内容4|}}}
-     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目4|}}} | <td class="navbox-group {{{項目4class|}}}" style="{{{項目4style|}}}">{{{項目4}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" colspan="2" style="width:100%;padding:0;"> }}{{{内容4}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目4|}}} | <td class="navbox-group {{{項目4class|}}}" style="{{{項目4style|}}}">{{{項目4}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 5px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div>
+{{{内容4}}}
+</div></td></tr>
      }}<!--
   -->{{#if: {{{内容5|}}}
-     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目5|}}} | <td class="navbox-group {{{項目5class|}}}" style="{{{項目5style|}}}">{{{項目5}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" colspan="2" style="width:100%;padding:0;"> }}{{{内容5}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目5|}}} | <td class="navbox-group {{{項目5class|}}}" style="{{{項目5style|}}}">{{{項目5}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 5px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div>
+{{{内容5}}}
+</div></td></tr>
      }}<!--
   -->{{#if: {{{内容6|}}}
-     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目6|}}} | <td class="navbox-group {{{項目6class|}}}" style="{{{項目6style|}}}">{{{項目6}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" colspan="2" style="width:100%;padding:0;"> }}{{{内容6}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目6|}}} | <td class="navbox-group {{{項目6class|}}}" style="{{{項目6style|}}}">{{{項目6}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 5px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div>
+{{{内容6}}}
+</div></td></tr>
      }}<!--
   -->{{#if: {{{内容7|}}}
-     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目7|}}} | <td class="navbox-group {{{項目7class|}}}" style="{{{項目7style|}}}">{{{項目7}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" colspan="2" style="width:100%;padding:0;"> }}{{{内容7}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目7|}}} | <td class="navbox-group {{{項目7class|}}}" style="{{{項目7style|}}}">{{{項目7}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 5px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div>
+{{{内容7}}}
+</div></td></tr>
      }}<!--
   -->{{#if: {{{内容8|}}}
-     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目8|}}} | <td class="navbox-group {{{項目8class|}}}" style="{{{項目8style|}}}">{{{項目8}}}</td><td class="navbox-list" style="width:100%;padding:0 5px;"> | <td class="navbox-list" colspan="2" style="width:100%;padding:0;"> }}{{{内容8}}}</td></tr>
+     | <tr style="height:2px"><td></td></tr><tr>{{#if: {{{項目8|}}} | <td class="navbox-group {{{項目8class|}}}" style="{{{項目8style|}}}">{{{項目8}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 5px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div>
-     }}
+{{{内容8}}}
-</table></includeonly>
+</div></td></tr>
+     }}</table></includeonly>

「テンプレート:折り畳みボックス」の版間の差分

2014年1月4日 (土) 10:31時点における版

使い方

項目数

使用例

案内メニュー

検索