WikiDer > Справка: сворачивание - Википедия

Help:Collapsing - Wikipedia

А складной Элемент содержит переключатель, который читатель может использовать для отображения или скрытия содержимого элемента. Элементы делают разборными, добавляя mw-складной class, или, альтернативно, используя {{Крах}} шаблон или его варианты {{Свернуть-верх}} и {{Свернуть-низ}}.

Разборные столы

В mw-складной class может сделать любой элемент сворачиваемым, но таблицы особенно просто сделать сворачиваемыми. Добавление mw-складной класс к таблице автоматически помещает переключатель и выбирает, какие части свернуть.

Обычно используется для создания сворачиваемой таблицы макетов, которая всегда отображает введение или сводку, но скрывает остальную часть содержимого от непосредственного просмотра. Введение или резюме находится в первой строке, а содержание - в последующих строках. Затем контент становится легко доступным с помощью кнопки «показать».

В приведенных ниже примерах использование класса wikitable просто для внешнего вида; это не нужно для mw-складной функционировать.

Код введенРезультат произведен
{| роль = "презентация" class = "wikitable mw-collapsible" |  Lorem ipsum  | - | Lorem ipsum dolor sit amet |}

Более сложные таблицы данных также могут быть сворачиваемыми.

Код введенРезультат произведен
{| class = "wikitable mw-collapsible" | + class = "nowrap" | Зимние Олимпийские игры | - |! scope = "col" | Город! scope = "col" | Страна | -! scope = "row" | 1994 | Лиллехаммер || Норвегия | -! scope = "row" | 1998 | Нагано || Япония |}
Зимние Олимпийские игры
ГородСтрана
1994ЛиллехаммерНорвегия
1998НаганоЯпония

По умолчанию сворачивается

Просто используя mw-складной class оставляет элемент развернутым по умолчанию, но читатель может его свернуть. Также можно сделать элемент свернутым по умолчанию и при необходимости развернутым. Для этого есть несколько способов, в зависимости от ситуаций, в которых вы хотите, чтобы элемент свернулся.

"mw-collapsed"

Добавление mw-свернуло class заставит элемент всегда быть изначально свернутым, что бы ни происходило вокруг. Это самый простой способ сделать это. Используя приведенные выше примеры:

Код введенРезультат произведен
{| роль = "презентация" класс = "wikitable mw-collapsible mw-collapsed" |  Lorem ipsum  | - | Lorem ipsum dolor sit amet |}
{| class = "wikitable mw-collapsible mw-collapsed" | + class = "nowrap" | Зимние Олимпийские игры | - |! scope = "col" | Город! scope = "col" | Страна | -! scope = "row" | 1994 | Лиллехаммер || Норвегия | -! scope = "row" | 1998 | Нагано || Япония |}
Зимние Олимпийские игры
ГородСтрана
1994ЛиллехаммерНорвегия
1998НаганоЯпония

"автоколлапс"

Добавление автоколлапс Класс заставляет элемент сворачиваться, если на странице есть 2 или более сворачиваемых элемента. Этот порог может быть другим в других проектах и ​​составляет настраиваемый. Таким образом, приведенный ниже пример сворачивается, потому что на этой странице имеется множество складных элементов.

Код введенРезультат произведен
{| role = "presentation" class = "wikitable mw-collapsible autocollapse" |  Lorem ipsum  | - | Lorem ipsum dolor sit amet |}

«внутренний коллапс» и «внешний коллапс»

Используя эту пару классов, можно сделать элемент свернутым по умолчанию только тогда, когда он содержащиеся в конкретный внешний элемент. Элемент с mw-складной и внутренний коллапс классы по умолчанию сворачиваются, если они содержатся в элементе с внешний коллапс учебный класс; в противном случае по умолчанию он не свернут. Это в основном полезно для шаблонов, которые часто являются вложенными.

Код введенРезультат произведен
{| роль = "презентация" класс = "wikitable mw-collapsible innercollapse" | Этот <код>внутренний коллапс</код> элемент | - | <Эм>несвернутый</Эм> по умолчанию |}<div учебный класс="wikitable externalcollapse" стиль="обивка: 1em; фон: #ccc;">Это элемент с <код>внешний коллапс</код> класс. {| роль = "презентация" класс = "wikitable mw-collapsible innercollapse" | Этот <код>внутренний коллапс</код> элемент | - | <Эм>рухнул</Эм> по умолчанию |}</div>

Это элемент с внешний коллапс учебный класс.

Прочие примечания

Таблицы с подписями

Таблица без заголовка свернется до своей первой строки. Стол с Заголовок свернется к своему заголовку без строк, следовательно, без ширины. Использовать class = "nowrap" или же {{теперь}}, чтобы заголовок не превратился в вертикальный столбец при свертывании таблицы.

Код введенРезультат произведен
{| class = "wikitable sortable mw-collapsible" | + class = "nowrap" | Довольно длинная подпись к таблице! Имя !! Оценка | - | Джон || 59 | - | Боб || 72 |}
Довольно длинный заголовок таблицы
ИмяСчет
Джон59
Боб72

Сортируемые таблицы

Разборные столы можно комбинировать с сортируемые таблицы функциональность без затруднений. Однако, поскольку кнопка скрытия / отображения размещена с складной в первой ячейке заголовка, расположенной или с mw-складной в правой ячейке заголовка (эта разница может поменяться), ее расположение может выглядеть немного странно, если ячейка недостаточно широкая:


Код введенРезультат произведен
{| class = "wikitable mw-collapsible sortable" style = "width: 5em"  | -! Имя !! Оценка | - | Джон || 59 | - | Боб || 72 |}
ИмяСчет
Джон59
Боб72


Возможная альтернатива - добавить заголовок над таблицей. См. Следующий пример.


Код введенРезультат произведен
{| class = "wikitable sortable mw-collapsible" | + class = "nowrap" | Подпись ! Имя !! Оценка | - | Джон || 59 | - | Боб || 72 |}
Подпись
ИмяСчет
Джон59
Боб72

Настройка

Зарегистрированные пользователи могут редактировать их личный файл js для изменения некоторых используемых переменных.

autoCollapse = 4 // сколько сворачиваемых таблиц на странице до автосвертывания сработает (по умолчанию = 2)вар collapseCaption = 'крах' // текст ссылки [скрыть] (по умолчанию = 'hide')вар expandCaption = 'uncollapse' // текст ссылки [показать] (по умолчанию = 'показать')

Ограничения

  • Эта функция требует, чтобы в браузере конечного пользователя было JavaScript включено. Если Javascript отключен, по умолчанию отображается содержимое.
  • Он также не работает в мобильных браузерах (или браузерах настольных компьютеров в мобильном режиме).

Смотрите также

Документация:

Шаблоны:

внешняя ссылка