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

提供:エケペディア
ナビゲーションに移動 検索に移動
(使用例テンプレートによる表示に変更)
(カテゴリ付与機能を付けてみる)
60行目: 60行目:


== 使用例 ==
== 使用例 ==
{{使用例}}
{{使用例}}


</noinclude><includeonly>{{#ifeq: {{{border|child}}} | child | </div><div> }}<table class="collapsible collapsible-{{{border|child}}}" data-collapse="{{#ifeq: {{{タイトル|}}} || plain"> |{{{初期状態|{{#ifeq: {{{border|child}}} | child | collapsed | autocollapse }} }}}">
</noinclude><includeonly>{{#if: {{{カテゴリ|}}}
  <tr><td colspan="2" class="navbox-title {{{class|}}}" style="{{{style|}}}"><!--
  | {{#ifeq: {{NAMESPACENUMBER}} | 0 | [[カテゴリ:{{{カテゴリ}}}]]
-->{{#ifeq: {{{初期状態|}}} | plain || <div class="collapseButton">&nbsp;</div><div class="navboxLinks"><div class="noprint plainlinks">{{#if:{{{name|}}}|[[{{ns:10}}:{{{name}}}|<span title="このテンプレートを表示します"></span>]]・[[{{ns:11}}:{{{name}}}|<span title="このテンプレートのノートを表示します">話</span>]]・[{{fullurl:{{ns:10}}:{{{name}}}|action=edit}} <span title="このテンプレートを編集します"></span>]・[{{fullurl:{{ns:10}}:{{{name}}}|action=history}} <span title="このテンプレートの過去の版を表示します"></span>] | &nbsp; }}</div></div> }}<!--
  }}{{#ifeq: {{FULLPAGENAME}} | {{ns:10}}:{{{name}}} | [[カテゴリ:{{{カテゴリ}}}|雛形]]
-->{{{タイトル}}}</td></tr>}}<!--
  }}
-->{{#if: {{{内容1|}}}
}}{{#ifeq: {{{border|child}}} | child | </div><div>
    | <tr>{{#if: {{{項目1|}}} | <td class="navbox-group {{{項目1class|}}}" style="{{{項目1style|}}}">{{{項目1}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div style="padding:0em 0.25em;">
}}<table class="collapsible collapsible-{{{border|child}}}" data-collapse="{{#ifeq: {{{タイトル|}}} |
{{{内容1}}}
  | plain">
</div></td></tr>
  | {{{初期状態|{{#ifeq: {{{border|child}}} | child | collapsed | autocollapse }} }}}"><tr><td colspan="2" class="navbox-title {{{class|}}}" style="{{{style|}}}">{{#ifeq: {{{初期状態|}}} | plain |
    }}<!--
    | <div class="collapseButton">&nbsp;</div><div class="navboxLinks"><div class="noprint plainlinks">{{#if: {{{name|}}}
-->{{#if: {{{内容2|}}}
      | [[{{ns:10}}:{{{name}}}|<span title="このテンプレートを表示します"></span>]]・[[{{ns:11}}:{{{name}}}|<span title="このテンプレートのノートを表示します"></span>]]・[{{fullurl:{{ns:10}}:{{{name}}}|action=edit}} <span title="このテンプレートを編集します">編</span>]・[{{fullurl:{{ns:10}}:{{{name}}}|action=history}} <span title="このテンプレートの過去の版を表示します">歴</span>]
    | <tr>{{#if: {{{項目2|}}} | <td class="navbox-group {{{項目2class|}}}" style="{{{項目2style|}}}">{{{項目2}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div style="padding:0em 0.25em;">
      | &nbsp;
{{{内容2}}}
    }}</div></div>
</div></td></tr>
  }}{{{タイトル}}}</td></tr>
    }}<!--
}}{{#if: {{{内容1|}}}
-->{{#if: {{{内容3|}}}
  | <tr>{{#if: {{{項目1|}}}
    | <tr>{{#if: {{{項目3|}}} | <td class="navbox-group {{{項目3class|}}}" style="{{{項目3style|}}}">{{{項目3}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div style="padding:0em 0.25em;">
    | <td class="navbox-group {{{項目1class|}}}" style="{{{項目1style|}}}">{{{項目1}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;">
{{{内容3}}}
    | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;">
</div></td></tr>
  }}<div style="padding:0em 0.25em;">{{{内容1}}}</div></td></tr>
    }}<!--
}}{{#if: {{{内容2|}}}
-->{{#if: {{{内容4|}}}
  | <tr>{{#if: {{{項目2|}}}
    | <tr>{{#if: {{{項目4|}}} | <td class="navbox-group {{{項目4class|}}}" style="{{{項目4style|}}}">{{{項目4}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div style="padding:0em 0.25em;">
    | <td class="navbox-group {{{項目2class|}}}" style="{{{項目2style|}}}">{{{項目2}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;">
{{{内容4}}}
    | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;">
</div></td></tr>
  }}<div style="padding:0em 0.25em;">{{{内容2}}}</div></td></tr>
    }}<!--
}}{{#if: {{{内容3|}}}
-->{{#if: {{{内容5|}}}
  | <tr>{{#if: {{{項目3|}}}
    | <tr>{{#if: {{{項目5|}}} | <td class="navbox-group {{{項目5class|}}}" style="{{{項目5style|}}}">{{{項目5}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div style="padding:0em 0.25em;">
    | <td class="navbox-group {{{項目3class|}}}" style="{{{項目3style|}}}">{{{項目3}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;">
{{{内容5}}}
    | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;">
</div></td></tr>
  }}<div style="padding:0em 0.25em;">{{{内容3}}}</div></td></tr>
    }}<!--
}}{{#if: {{{内容4|}}}
-->{{#if: {{{内容6|}}}
  | <tr>{{#if: {{{項目4|}}}
    | <tr>{{#if: {{{項目6|}}} | <td class="navbox-group {{{項目6class|}}}" style="{{{項目6style|}}}">{{{項目6}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div style="padding:0em 0.25em;">
    | <td class="navbox-group {{{項目4class|}}}" style="{{{項目4style|}}}">{{{項目4}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;">
{{{内容6}}}
    | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;">
</div></td></tr>
  }}<div style="padding:0em 0.25em;">{{{内容4}}}</div></td></tr>
    }}<!--
}}{{#if: {{{内容5|}}}
-->{{#if: {{{内容7|}}}
  | <tr>{{#if: {{{項目5|}}}
    | <tr>{{#if: {{{項目7|}}} | <td class="navbox-group {{{項目7class|}}}" style="{{{項目7style|}}}">{{{項目7}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div style="padding:0em 0.25em;">
    | <td class="navbox-group {{{項目5class|}}}" style="{{{項目5style|}}}">{{{項目5}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;">
{{{内容7}}}
    | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;">
</div></td></tr>
  }}<div style="padding:0em 0.25em;">{{{内容5}}}</div></td></tr>
    }}<!--
}}{{#if: {{{内容6|}}}
-->{{#if: {{{内容8|}}}
  | <tr>{{#if: {{{項目6|}}}
    | <tr>{{#if: {{{項目8|}}} | <td class="navbox-group {{{項目8class|}}}" style="{{{項目8style|}}}">{{{項目8}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div style="padding:0em 0.25em;">
    | <td class="navbox-group {{{項目6class|}}}" style="{{{項目6style|}}}">{{{項目6}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;">
{{{内容8}}}
    | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;">
</div></td></tr>
  }}<div style="padding:0em 0.25em;">{{{内容6}}}</div></td></tr>
    }}<!--
}}{{#if: {{{内容7|}}}
-->{{#if: {{{内容9|}}}
  | <tr>{{#if: {{{項目7|}}}
    | <tr>{{#if: {{{項目9|}}} | <td class="navbox-group {{{項目9class|}}}" style="{{{項目9style|}}}">{{{項目9}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;"> | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;"> }}<div style="padding:0em 0.25em;">
    | <td class="navbox-group {{{項目7class|}}}" style="{{{項目7style|}}}">{{{項目7}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;">
{{{内容9}}}
    | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;">
</div></td></tr>
  }}<div style="padding:0em 0.25em;">{{{内容7}}}</div></td></tr>
    }}</table></includeonly>
}}{{#if: {{{内容8|}}}
  | <tr>{{#if: {{{項目8|}}}
    | <td class="navbox-group {{{項目8class|}}}" style="{{{項目8style|}}}">{{{項目8}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;">
    | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;">
  }}<div style="padding:0em 0.25em;">{{{内容8}}}</div></td></tr>
}}{{#if: {{{内容9|}}}
  | <tr>{{#if: {{{項目9|}}}
    | <td class="navbox-group {{{項目9class|}}}" style="{{{項目9style|}}}">{{{項目9}}}</td><td class="navbox-list {{{listclass|}}}" style="width:100%;padding:0 0 0 2px;">
    | <td class="navbox-list {{{listclass|}}}" colspan="2" style="width:100%;padding:0;">
  }}<div style="padding:0em 0.25em;">{{{内容9}}}</div></td></tr>
}}</table></includeonly>

2015年9月1日 (火) 22:33時点における版

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

使い方

{{折り畳みボックス
| name = 
| タイトル = 
| 初期状態 = 
| 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、 ...
折り畳み要素の内容。

項目数

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

使用例

{{折り畳みボックス
| タイトル = タイトル
| 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
  }}
}}