「テンプレート:折り畳みボックス」の版間の差分
(common.jsで作成していた要素を先に作成しておく) |
(ノートのとおりtable要素直前の改行を除去) |
||
(4人の利用者による、間の12版が非表示) | |||
6行目: | 6行目: | ||
{{折り畳みボックス | {{折り畳みボックス | ||
| name = | | name = | ||
| カテゴリ = | |||
| sortkey = | |||
| タイトル = | | タイトル = | ||
| 初期状態 = | | 初期状態 = | ||
24行目: | 26行目: | ||
</pre> | </pre> | ||
;タイトル | == 引数 == | ||
{| class="wikitable" | |||
! style="width:7em;" | 引数 !! style="width:10em;" | 指定内容 !! 既定値 !! 説明 | |||
|- | |||
! name | |||
| ページ名(テキスト) || (なし) || この値にテンプレート名を指定すると、「表・話・編・歴」リンクが生成されます。 | |||
|- | |||
! カテゴリ | |||
| ページ名(テキスト) || (なし) || 指定した名前のカテゴリが生成されます。 | |||
|- | |||
! sortkey | |||
| テキスト || (なし) || <code><nowiki>| sortkey = {{{1|}}}</nowiki></code>のように指定し、「カテゴリ」で生成されたカテゴリのソートキーを指定できるようにします。 | |||
|- | |||
! タイトル | |||
| テキスト || (なし) || このテキストは折り畳み時にも常に表示されるテキストになります。<br>省略された場合、タイトル部分のないの折り畳み不可能なボックスになります。 | |||
|- | |||
! 初期状態 | |||
| 右記参照 || autocollapse || 折り畳みの初期状態を指定します。 | |||
* <code>autocollapse</code> or 指定なし - 複数の折り畳みボックスが並んでいるときに、折り畳まれて表示します。 | |||
* <code>collapsed</code> - 折り畳んで表示します。 | |||
* <code>uncollapsed</code> - 展開した状態で表示します。 | |||
* <code>cookie-<key></code> - <del>cookie を使用して、折り畳み状態を保持します。同一の <key> を持つボックスで折り畳み状態が保持されます。</del>不具合により現在無効 | |||
* <code>plain</code> - 折り畳みボタンのない通常のテーブル・ボックスを表示します。 | |||
|- | |||
! border | |||
| 右記参照 || child || 折り畳みボックス全体の罫線を指定します。 | |||
* <code>navbox</code> - Wikipediaの[[Wikipedia:Template:Navbox|Template:Navbox]]のような、枠線に囲われた折り畳みボックスを表示します。 | |||
* <code>child</code> - 枠線を非表示にします。他の折り畳みボックスの入れ子要素として利用する場合などに指定します。 | |||
|- | |||
! class | |||
| クラス属性 || (なし) || タイトル要素のclass属性を指定します。 | |||
|- | |||
! style | |||
| スタイル属性 || (なし) || タイトル要素のstyle属性を指定します。 | |||
|- | |||
! listclass | |||
| クラス属性 || (なし) || 内容のclass属性を指定します。 | |||
|- | |||
! 項目1 - 項目20 | |||
| テキスト || (なし) || 折り畳み要素の項目名。省略された場合は、内容のみ表示します。 | |||
|- | |||
! 項目1class<br>- 項目20class | |||
| クラス属性 || (なし) || 項目のclass属性を指定します。 | |||
|- | |||
! 項目1style<br>- 項目20style | |||
| スタイル属性 || (なし) || 項目のstyle属性を指定します。 | |||
|- | |||
! 内容1 - 内容20 | |||
| ウィキテキスト || (なし) || 折り畳み要素の内容。 | |||
|} | |||
== 使用例 == | == 使用例 == | ||
{{使用例}} | |||
| | [[カテゴリ:メタテンプレート|おりたたみほつくす]] | ||
| | </noinclude><includeonly>{{#if: {{{カテゴリ|}}} | ||
| | | {{#ifeq: {{NAMESPACENUMBER}} | 0 | {{#if: {{{sortkey|}}} | ||
| | | [[カテゴリ:{{{カテゴリ}}}|{{{sortkey}}}]] | ||
| | | [[カテゴリ:{{{カテゴリ}}}]] | ||
| | }} | ||
| | }}{{#ifeq: {{FULLPAGENAME}} | {{ns:10}}:{{{name}}} | [[カテゴリ:{{{カテゴリ}}}|雛形]] | ||
| | |||
}} | }} | ||
}} | }}{{#ifeq: {{{border|child}}} | child | </div><div> | ||
}}<table class="collapsible collapsible-{{{border|child}}} navigation-not-searchable" data-collapse="{{#ifeq: {{{タイトル|}}} | | |||
| plain"> | |||
| {{{初期状態|{{#ifeq: {{{border|child}}} | child | collapsed | autocollapse }} }}}"><tr><td colspan="2" class="navbox-title {{{class|}}}" style="{{{style|}}}">{{#ifeq: {{{初期状態|}}} | plain | | |||
| <div class="collapseButton"> </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>] | |||
| | |||
}}</div></div> | |||
}}{{{タイトル}}}</td></tr> | |||
}}{{#if: {{{内容1|}}} | |||
| <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;"> | |||
{{{内容1}}} | {{{内容1}}} | ||
</div></td></tr> | </div></td></tr> | ||
}}{{#if: {{{内容2|}}} | |||
| <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;"> | |||
{{{内容2}}} | {{{内容2}}} | ||
</div></td></tr> | </div></td></tr> | ||
}}{{#if: {{{内容3|}}} | |||
| <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;"> | |||
{{{内容3}}} | {{{内容3}}} | ||
</div></td></tr> | </div></td></tr> | ||
}}{{#if: {{{内容4|}}} | |||
| <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;"> | |||
{{{内容4}}} | {{{内容4}}} | ||
</div></td></tr> | </div></td></tr> | ||
}}{{#if: {{{内容5|}}} | |||
| <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;"> | |||
{{{内容5}}} | {{{内容5}}} | ||
</div></td></tr> | </div></td></tr> | ||
}}{{#if: {{{内容6|}}} | |||
| <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;"> | |||
{{{内容6}}} | {{{内容6}}} | ||
</div></td></tr> | </div></td></tr> | ||
}}{{#if: {{{内容7|}}} | |||
| <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;"> | |||
{{{内容7}}} | {{{内容7}}} | ||
</div></td></tr> | </div></td></tr> | ||
}}{{#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}}} | {{{内容8}}} | ||
</div></td></tr> | </div></td></tr> | ||
}}</table></includeonly> | }}{{#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> | |||
}}{{#if: {{{内容10|}}} | |||
| <tr>{{#if: {{{項目10|}}} | |||
| <td class="navbox-group {{{項目10class|}}}" style="{{{項目10style|}}}">{{{項目10}}}</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;"> | |||
{{{内容10}}} | |||
</div></td></tr> | |||
}}{{#if: {{{内容11|}}} | |||
| <tr>{{#if: {{{項目11|}}} | |||
| <td class="navbox-group {{{項目11class|}}}" style="{{{項目11style|}}}">{{{項目11}}}</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;"> | |||
{{{内容11}}} | |||
</div></td></tr> | |||
}}{{#if: {{{内容12|}}} | |||
| <tr>{{#if: {{{項目12|}}} | |||
| <td class="navbox-group {{{項目12class|}}}" style="{{{項目12style|}}}">{{{項目12}}}</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;"> | |||
{{{内容12}}} | |||
</div></td></tr> | |||
}}{{#if: {{{内容13|}}} | |||
| <tr>{{#if: {{{項目13|}}} | |||
| <td class="navbox-group {{{項目13class|}}}" style="{{{項目13style|}}}">{{{項目13}}}</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;"> | |||
{{{内容13}}} | |||
</div></td></tr> | |||
}}{{#if: {{{内容14|}}} | |||
| <tr>{{#if: {{{項目14|}}} | |||
| <td class="navbox-group {{{項目14class|}}}" style="{{{項目14style|}}}">{{{項目14}}}</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;"> | |||
{{{内容14}}} | |||
</div></td></tr> | |||
}}{{#if: {{{内容15|}}} | |||
| <tr>{{#if: {{{項目15|}}} | |||
| <td class="navbox-group {{{項目15class|}}}" style="{{{項目15style|}}}">{{{項目15}}}</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;"> | |||
{{{内容15}}} | |||
</div></td></tr> | |||
}}{{#if: {{{内容16|}}} | |||
| <tr>{{#if: {{{項目16|}}} | |||
| <td class="navbox-group {{{項目16class|}}}" style="{{{項目16style|}}}">{{{項目16}}}</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;"> | |||
{{{内容16}}} | |||
</div></td></tr> | |||
}}{{#if: {{{内容17|}}} | |||
| <tr>{{#if: {{{項目17|}}} | |||
| <td class="navbox-group {{{項目17class|}}}" style="{{{項目17style|}}}">{{{項目17}}}</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;"> | |||
{{{内容17}}} | |||
</div></td></tr> | |||
}}{{#if: {{{内容18|}}} | |||
| <tr>{{#if: {{{項目18|}}} | |||
| <td class="navbox-group {{{項目18class|}}}" style="{{{項目18style|}}}">{{{項目18}}}</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;"> | |||
{{{内容18}}} | |||
</div></td></tr> | |||
}}{{#if: {{{内容19|}}} | |||
| <tr>{{#if: {{{項目19|}}} | |||
| <td class="navbox-group {{{項目19class|}}}" style="{{{項目19style|}}}">{{{項目19}}}</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;"> | |||
{{{内容19}}} | |||
</div></td></tr> | |||
}}{{#if: {{{内容20|}}} | |||
| <tr>{{#if: {{{項目20|}}} | |||
| <td class="navbox-group {{{項目20class|}}}" style="{{{項目20style|}}}">{{{項目20}}}</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;"> | |||
{{{内容20}}} | |||
</div></td></tr> | |||
}}</table></includeonly> |
2019年10月2日 (水) 19:13時点における最新版
このテンプレートは、折り畳み可能なボックスを表示します。
使い方
{{折り畳みボックス | name = | カテゴリ = | sortkey = | タイトル = | 初期状態 = | border = | class = | style = | listclass = | 項目1 = | 項目1class = | 項目1style = | 内容1 = | 項目2 = | 項目2class = | 項目2style = | 内容2 = ... }}
引数
引数 | 指定内容 | 既定値 | 説明 |
---|---|---|---|
name | ページ名(テキスト) | (なし) | この値にテンプレート名を指定すると、「表・話・編・歴」リンクが生成されます。 |
カテゴリ | ページ名(テキスト) | (なし) | 指定した名前のカテゴリが生成されます。 |
sortkey | テキスト | (なし) | | sortkey = {{{1|}}} のように指定し、「カテゴリ」で生成されたカテゴリのソートキーを指定できるようにします。
|
タイトル | テキスト | (なし) | このテキストは折り畳み時にも常に表示されるテキストになります。 省略された場合、タイトル部分のないの折り畳み不可能なボックスになります。 |
初期状態 | 右記参照 | autocollapse | 折り畳みの初期状態を指定します。
|
border | 右記参照 | child | 折り畳みボックス全体の罫線を指定します。
|
class | クラス属性 | (なし) | タイトル要素のclass属性を指定します。 |
style | スタイル属性 | (なし) | タイトル要素のstyle属性を指定します。 |
listclass | クラス属性 | (なし) | 内容のclass属性を指定します。 |
項目1 - 項目20 | テキスト | (なし) | 折り畳み要素の項目名。省略された場合は、内容のみ表示します。 |
項目1class - 項目20class |
クラス属性 | (なし) | 項目のclass属性を指定します。 |
項目1style - 項目20style |
スタイル属性 | (なし) | 項目のstyle属性を指定します。 |
内容1 - 内容20 | ウィキテキスト | (なし) | 折り畳み要素の内容。 |
使用例
入力内容(編集) | 出力結果 | ||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
{{折り畳みボックス | タイトル = タイトル | 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 }} }} |
|