Википедий:Иземдыме олдырчо-влак
Иземдыме олдырчо-влак (сворачивающиеся блоки) дают возможность динамически «прятать» своё содержимое, оставляя только заголовок. Существует два вида сворачивающихся блоков: Div’ы и таблицы.
Использование
тӧрлаташСворачивающиеся блоки обычно используются для навигационных шаблонов и скрытия больших кусков необязательного текста, то есть такой информации, которая заинтересует не всех читателей.
По возможности желательно не использовать код сворачивающихся div’ов и таблиц напрямую, а использовать уже существующие базовые шаблоны. Например, div’ы используются в
- {{Навигаций аҥа}}
- {{hider}}
а сворачивающаяся таблица использована в
- {{Навигаций четлык}}
Также см. Category:Википедий:Навигаций шаблон-влак шаблон-влаклан.
Div
тӧрлаташДля создания сворачивающегося div к нему добавляется класс NavFrame, при этом внутренний блок с классом NavHead образует всегда видимый заголовок, а любые внутренние блоки с классами NavContent и NavPic прячутся:
<div class="NavFrame">
<div class="NavHead">
Вуймут
</div>
<div class="NavContent">
Вуйлымаш
</div>
<div class="NavPic">
Сӱрет
</div>
</div>
|
Вуймут
Сӱрет
Вуйлымаш
|
Как правило, используется один NavContent для основного содержимого, и от нуля до двух NavPic для изображений.
Стандартный внешний вид всех этих классов задаётся в MediaWiki:Common.css. Для смены оформления можно указать дополнительные CSS стили прямо в викикоде. В частности, поскольку у NavPic задан стиль «плавать слева», для добавления второго изображения справа нужно использовать <div class="NavPic" style="float:right">
Четлык (Таблица)
тӧрлаташДля того, чтобы сделать любую таблицу сворачивающейся, достаточно добавить к ней класс collapsible:
{| class="standard collapsible" !colspan=2|Вуймут |- |Йачейке 1*1||Йачейке 2*1||Йачейке 3*1 |- |Йачейке 1*2||Йачейке 2*2||Йачейке 3*2 |} |
|
Первую строку (заголовок - вуймут) обычно делают состоящей из одной ячейки <TH>.
Начальное состояние
тӧрлаташНачальное состояние (сразу после загрузки страницы) сворачивающегося блока указывается с помощью одного из трёх дополнительных классов:
- collapsed означает, что блок будет свёрнут
- expanded (по умолчанию у таблиц) означает, что блок будет развёрнут
- autocollapse: (по умолчанию у div) все блоки с этим классом будут свёрнуты, только если общее количество сворачивающихся блоков этого типа (div’ы и таблицы считаются отдельно) на странице больше двух.
Каласыде кодымо — то есть, если не указывается ни один из перечисленных дополнительных классов
Шынамат (Пример):
<div class="NavFrame collapsed">
<div class="NavHead">Иземдыме</div>
<div class="NavContent">
каласыде кодымо блок
</div>
</div>
|
Свёрнутый
по умолчанию блок
|
Персональные настройки
тӧрлаташЗарегистрированные участники могут изменять для себя некоторые настройки сворачиваемых div’ов и таблиц, изменяя значения следующих параметров у себя в monobook.js (указаны значения по умолчанию):
NavigationBarShowDefault = 2 //максимальное количество автосворачиваемых блоков
//(div'ы и таблицы считаются отдельно), после которого они будут изначально свёрнуты
var NavigationBarHide = '[скрыть]' //ссылка-переключатель на развёрнутом блоке
var NavigationBarShow = '[показать]' //ссылка-переключатель на свёрнутом блоке
Технические детали
тӧрлаташМеханизм «сворачивания» реализуется JavaScript кодом в MediaWiki:Common.js. Этот код работает во всех современных браузерах, включая IE5.5/6/7, Firefox, Safari / KHTML, Opera 8/9. Посетители, отключившие в браузере поддержку JavaScript, будут видеть эти блоки в развёрнутом виде без ссылок спрятать/показать.
JavaScript код был скопирован из en:Mediawiki:Common.js с небольшими модификациями:
- в английской Википедии у div’ов нет классов collapsed и expanded, зато код проверяет, не спрятан ли div изначально автором с помощью
style="display:none"
. Такой подход имеет очевидный недостаток: посетители с выключенным JavaScript вообще не смогут увидеть содержимого спрятанных блоков (не заглядывая в HTML код страницы). - в английской Википедии у таблиц скобки [] не являются частью ссылки «показать/скрыть»
Наведя мышь на ссылку показать/скрыть и видя адрес ссылки, можно определить, какого типа сворачивающийся блок используется.