Из Википедии, бесплатной энциклопедии
Перейти к навигации Перейти к поиску

Разборный элемент содержит тумблер читателя может использовать , чтобы показать или скрыть содержимое элемента. Элементы становятся сворачиваемыми путем добавления mw-collapsibleкласса или, альтернативно, с помощью шаблона {{ Collapse }} или его вариантов {{ Collapse-top }} и {{ Collapse-bottom }}.

Складные таблицы [ править ]

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

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

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

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

Свертывание по умолчанию [ править ]

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

"mw-collapsed" [ править ]

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

"autocollapse" [ править ]

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

"внутренний коллапс" и "внешний коллапс" [ править ]

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

Другие примечания [ править ]

Таблицы с подписями [ править ]

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

Сортируемые таблицы [ править ]

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



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


Настройка [ править ]

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

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

Ограничения [ править ]

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

См. Также [ править ]

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

Шаблоны:

Внешние ссылки [ править ]

  • meta: Справка: Сворачивание
  • mw: Руководство: Разборные элементы
  • mw: ResourceLoader / Модули по умолчанию # jquery.makeCollapsible