Довідка/Таблиці, що згортаються

Матеріал з УкрНет після Майдану
Перейти до: навігація, пошук

Таблиці, що згортаються (зхлопуються) дозволяють приховати інформацію в таблиці, за допомогою спеціальної кнопки "згорнути/розгорнути". Це також можна використовувати, що сховати текст на сторінці. Дану функцію корисно використовувати, коли сторінка містить дуже багато інформації, частина з якої затребувана лише в деяких випадках, тому її можна приховати або щоб приховати спойлери, або якщо у статті є дві або більше навігаційних таблиць (наприклад, см. эту статтю)

Як складається таблиця[ред. | ред. код]

Додайте код "mw-collapsible" як клас, щоб у таблиці з'явилася посилання "згорнути/розгорнути".


{|class="wikitable mw-collapsible" style="float:right" ! Цифра !! Буква |- | 1 || A |- | 2 || Б |- | 3 || |}

<style="width:440px">
{| class="wikitable mw-collapsible" style="float:right"
! Цифра !! Буква
|-
| 1 || A
|-
| 2 || Б
|-
| 3 || 
|} </style>

Текст, який можна приховати[ред. | ред. код]

Аналогічно можна цей клас можна використовувати і для тексту всередині статті.

Код

<source lang="html4strict" enclose="">div <div class="mw-collapsible"> Текст, який можна приховати. </div> </>source "'Результат:"' <div class="mw-collapsible" style="overflow: hidden;"> Текст, який можна приховати. </div>

Таблиця, згорнута спочатку[ред. | ред. код]

Щоб таблиця спочатку була згорнута, використовуйте подвійний код: "mw-розваливсятаmw-collapsible".

Приклад: <pre> {| class="mw-collapsible mw-customtoggle- wikitable" ! Заголовок || завжди буде видно |- | Вміст || завжди |- | буде || приховано |} </pre>

{| class="mw-collapsible mw-customtoggle-wikitable" ! Заголовок || завжди буде видно |- | Вміст || завжди |- | буде || приховано |}

Приховування спойлерів в тексті[ред. | ред. код]

Сховати текст всередині статті можна, використовуючи подвійний код: зазначений у попередньому розділі з додаванням коду "mw-collapsible-content".

Код

<source lang="html4strict" enclose="">div <div class="mw-collapsible mw-customtoggle" style="width:100%> Цей текст передує прихованого тексту <div class="mw-collapsible-content">Цей прихований текст спочатку.</div> </div> </>source

Результат

<div class="mw-collapsible mw-customtoggle" style="width:100%> Цей текст передує прихованого тексту <div class="mw-collapsible-content">Цей прихований текст спочатку.</div> </div>

Параметри тексту "згорнути/розгорнути"[ред. | ред. код]

Можна додати свій текст замість стандартного "згорнути/розгорнути". Для цього використовуйте код "data-expandtextтаdata-collapsetext".

<pre> {| class="wikitable mw-collapsible" data-expandtext="Відкрити" data-collapsetext="Закрити" ! Цифра !! Буква |- | 1 || A |- | 2 || Б |} </pre>

{| class="wikitable mw-collapsible" data-expandtext="Відкрити" data-collapsetext="Закрити" ! Цифра !! Буква |- | 1 || A |- | 2 || Б |}


Ви також можете зовсім замінити стандартний текст, відредагувавши сторінки MediaWiki:Collapsible-expand MediaWiki:Collapsible-collapse.

Кнопка "згорнути/розгорнути"[ред. | ред. код]

Як ви помітили, посилання "згорнути/розгорнути" збільшує ширину колонки таблиці, де вона знаходиться. Цього можна уникнути, якщо винести перемикач за межі таблиці, що зручно зробити за допомогою кнопки.

Якщо присвоїти перемикачу ID="mw-customcollapsible-myTable", використовуючи код "mw-customtoggle-myTable" можна здійснити це наступним чином:

<pre> {| class="wikitable mw-collapsible" id="mw-customcollapsible-myTable" ! Цифра !! Буква |- | 1 || A |- | 2 || Б |}

<nowiki><div class="mw-customtoggle-myTable wikia-menu-button">Відкрити/закрити таблицю</div></pre> </nowiki> <nowiki>{| class="wikitable mw-collapsible" id="mw-customcollapsible-myTable" ! Цифра !! Буква |- | 1 || A |- | 2 || Б |}</nowiki>

<div class="mw-customtoggle-myTable wikia-menu-button">Відкрити/закрити таблицю</div>

Див. також[ред. | ред. код]