https://t8.lbstr.eu/index.php?action=history&feed=atom&title=Lurkmore%3A%D0%94%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D0%B8%D1%8F_%D1%80%D0%B0%D1%81%D1%88%D0%B8%D1%80%D0%B5%D0%BD%D0%B8%D1%8F_Morph
Lurkmore:Документация расширения Morph - История изменений
2026-11-05T03:50:01Z
История изменений этой страницы в вики
MediaWiki 1.43.9
https://t8.lbstr.eu/index.php?title=Lurkmore:%D0%94%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D0%B8%D1%8F_%D1%80%D0%B0%D1%81%D1%88%D0%B8%D1%80%D0%B5%D0%BD%D0%B8%D1%8F_Morph&diff=50296&oldid=prev
imported>Fervor в 12:11, 13 июля 2017
2017-07-13T12:11:04Z
<p></p>
<p><b>Новая страница</b></p><div><div style="clear:both;background:#FFEFD5;border:1px dotted #FFE4B5;padding:10px;margin-top:10px; height: auto;"><br />
<span style="font-size:11pt;line-height:11pt;">[[Файл:Lurkomoring.png|20px|Документация|link=]] Документация</span><br />
----<br />
Данное расширение позволяет осуществлять скрытие и отображение контента по принципу слайд-шоу. Для удобства применения используйте шаблоны {{tp|MorphH}}, {{tp|MorphV}}, {{tp|MorphFile}}, {{tp|MorphVideo}}, {{tp|MorphQuote}}. Использование «сырого» кода имеет смысл только при количестве слайдов >50, или же когда шаблон не способен решить поставленную задачу.<br />
<br />
== Общие характеристики ==<br />
# Любой контейнер с классом <code>morphcontainer</code> определяет себя как Morph.<br />
# Дополнительный класс <code>hover</code> определяет способ выбора через наведение мышью, без — кликом.<br />
# Дополнительный класс <code>manualsort</code> даёт возможность связывать линки и контенты вручную, без — в порядке соответствия (первый линк к первому контенту). Ручная сортировка расширяет возможности морфа и позволяет связывать с одним линком сразу несколько контентов в произвольном порядке или привязать к одному линку несколько различных групп контентов.<br />
# Объекты с классами <code>morphprev & morphnext</code> проматывают контенты в порядке чередования (в случае <code>manualsort</code> — в порядке чередования линков).<br />
# Объекты с классами <code>morphlink_hilight & morphlink_default</code> определяют стили выбранных и неактивных линков соответственно. Сами объекты с вышеозначенными классами <u>обязательно</u> должны быть прямыми потомками контейнера <code>morphcontainer</code>. После использования они удаляются из DOMа и в отрисовке страницы не участвуют.<br />
# Все контенты, не связанные с линком, отображаться не будут, но при этом свободные линки будут видны, что как бы должно говорить пользователю, что он [[ЧЯДНТ|что-то делает не так]].<br />
<br />
== Без сортировки ==<br />
<nowiki><div class="morphcontainer </nowiki>''{{ct|hover|green}}''<nowiki>"></nowiki><br />
{{ct|''<nowiki><span class="morphlink_hilight" style="cursor: pointer; decoration: underline"></span></nowiki>''|green}}<br />
{{ct|''<nowiki><span class="morphlink_default" style="cursor: pointer; color: gray"></span></nowiki>''|green}}<br />
<nowiki><span class="morphprev"> << </span></nowiki><br />
<nowiki><span class="morphlink">one</span></nowiki><br />
<nowiki><span class="morphlink">two</span></nowiki><br />
<nowiki><span class="morphlink">three</span></nowiki><br />
{{ct|<nowiki><span class="morphlink">four</span></nowiki>|red}}<br />
<nowiki><span class="morphnext"> >> </span></nowiki><br />
<nowiki><span class="morphcontent">one</span></nowiki><br />
<nowiki><span class="morphcontent">two</span></nowiki><br />
<nowiki><span class="morphcontent">three</span></nowiki><br />
<nowiki></div></nowiki><br />
<br />
<div class="morphcontainer hover"><br />
<span class="morphlink_hilight" style="cursor: pointer; text-decoration: underline"></span><br />
<span class="morphlink_default" style="cursor: pointer; color: gray"></span><br />
<span class="morphprev"> << </span><br />
<span class="morphlink">one</span><br />
<span class="morphlink">two</span><br />
<span class="morphlink">three</span><br />
<span class="morphlink">four</span><br />
<span class="morphnext"> >> </span><br />
<span class="morphcontent">one</span><br />
<span class="morphcontent">two</span><br />
<span class="morphcontent">three</span><br />
</div><br />
<br />
== Ручная связка ==<br />
# Для ручной связки контентов с линками в объекте с классом <code>morphcontainer</code> добавляется дополнительный класс <code>manualsort</code>.<br />
# Связки «линк+контент(ы)» задаются дополнительным идентичным классом в объектах с классами <code>morphlink</code> и <code>morphcontent</code>. Имя дополнительного класса <u>должно</u> начинаться с <code>morph</code> (например, ''<u>morph</u>123'').<br />
# Линков, ссылающихся на определённые контенты, может быть сколько угодно — более того, один линк может ссылаться на более чем одну группу контентов. Количество контейнеров с доп. классом для <code>morphcontent</code> может быть произвольным также.<br />
# Порядок отображения линков соответствует оному в иерархии объекта <code>morphcontainer</code>; порядок следования в объекте <code>morphcontainer</code> контентов значение имеет только относительно друг друга (в случае отображения множества контентов, привязанных к одному линку).<br />
<br />
<nowiki><div class="morphcontainer manualsort"></nowiki><br />
<nowiki><span class="morphprev"> << </span></nowiki><br />
<nowiki><span class="morphlink morphshowall">Показать всё</span></nowiki><br />
{{ct|<nowiki><span class="morphlink morphcats">Кошки</span></nowiki>|red}}<br />
{{ct|<nowiki><span class="morphlink morphdogs">Собаки</span></nowiki>|green}}<br />
{{ct|<nowiki><span class="morphlink morphcats morphdogs">Кошки и Собаки</span></nowiki>|Purple}}<br />
{{ct|<nowiki><span class="morphlink morphbirds">Птицы</span></nowiki>|blue}}<br />
<nowiki><span class="morphlink morphhideall">Скрыть всё</span></nowiki><br />
<nowiki><span class="morphnext"> >> </span></nowiki><br />
{{ct|<nowiki><div class="morphcontent morphcats morphshowall">Левъ</div></nowiki>|red}}<br />
{{ct|<nowiki><div class="morphcontent morphcats morphshowall">Тигра</div></nowiki>|red}}<br />
{{ct|<nowiki><div class="morphcontent morphdogs morphshowall">Волк</div></nowiki>|green}}<br />
{{ct|<nowiki><div class="morphcontent morphbirds morphshowall">Пингвин</div></nowiki>|blue}}<br />
{{ct|<nowiki><div class="morphcontent morphdogs morphshowall">Шариков</div></nowiki>|green}}<br />
{{ct|<nowiki><div class="morphcontent morphcats morphshowall">Киска</div></nowiki>|red}}<br />
{{ct|<nowiki><div class="morphcontent morphbirds morphshowall">Петух</div></nowiki>|blue}}<br />
<nowiki></div></nowiki><br />
<br />
<div class="morphcontainer manualsort"><br />
<span class="morphprev"> << </span><br />
<span class="morphlink morphshowall">Показать всё</span><br />
<span class="morphlink morphcats">Кошки</span><br />
<span class="morphlink morphdogs">Собаки</span><br />
<span class="morphlink morphcats morphdogs">Кошки и Собаки</span><br />
<span class="morphlink morphbirds">Птицы</span><br />
<span class="morphlink morphhideall">Скрыть всё</span><br />
<span class="morphnext"> >> </span><br />
<div class="morphcontent morphcats morphshowall">Левъ</div><br />
<div class="morphcontent morphcats morphshowall">Тигра</div><br />
<div class="morphcontent morphdogs morphshowall">Волк</div><br />
<div class="morphcontent morphbirds morphshowall">Пингвин</div><br />
<div class="morphcontent morphdogs morphshowall">Шариков</div><br />
<div class="morphcontent morphcats morphshowall">Киска</div><br />
<div class="morphcontent morphbirds morphshowall">Петух</div><br />
</div><br />
<br />
== Примеры ==<br />
<br />
=== 1 ===<br />
<span class="morphcontainer hover"><br />
<span class="morphlink_hilight" style="color:red"></span><br />
<span class="morphlink_default" style="color:green; cursor: pointer"></span><br />
<span class="morphprev"> ←← </span><br />
<span class="morphnext"> →→ </span><br />
<span class="morphlink sect1">one</span><br />
<span class="morphlink sect2">two</span><br />
<span class="morphlink sect3">three</span><br />
<span class="morphcontent sect1">one * two</span><br />
<span class="morphcontent sect2">two * one</span><br />
<span class="morphcontent sect3">three * two * one</span><br />
</span><br />
<br />
=== 2 ===<br />
<span class="morphcontainer"><br />
<span class="morphcontent">and one * two</span><br />
<span class="morphcontent">and two * and one</span><br />
<span class="morphcontent">and three * and two * one</span><br />
<span class="morphprev"> << </span><br />
<span class="morphlink">one</span><br />
<span class="morphlink">two</span><br />
<span class="morphlink">3</span><br />
<span class="morphnext"> >> </span><br />
</span><br />
<br />
=== 3. В вики-таблице ===<br />
<pre><br />
{|class="wikitable morphcontainer"<br />
|class="morphlink"|1<br />
|class="morphlink"|2<br />
|class="morphlink"|3<br />
|- class="morphcontent"<br />
|colspan="3"|one<br />
|- class="morphcontent"<br />
| colspan="3"|two<br />
|- class="morphcontent" <br />
|colspan="3"|three<br />
|}<br />
</pre><br />
<br />
{|class="wikitable morphcontainer"<br />
|class="morphlink"|1<br />
|class="morphlink"|2<br />
|class="morphlink"|3<br />
|- class="morphcontent"<br />
|colspan="3"|one<br />
|- class="morphcontent"<br />
| colspan="3"|two<br />
|- class="morphcontent"<br />
|colspan="3"|three<br />
|}<br />
<br />
=== 4. Через шаблон ===<br />
<pre>{{MorphH<br />
|display=block<br />
|spacer= <br />
|scroll=1<br />
|l3=№3<br />
|l1=№1<br />
|l2=№2<br />
|c2=two<br />
|c3=three<br />
|c1=one}}</pre><br />
<br />
{{MorphH<br />
|display=block<br />
|spacer= <br />
|scroll=1<br />
|l3=№3<br />
|l1=№1<br />
|l2=№2<br />
|c2=two<br />
|c3=three<br />
|c1=one}}<br />
<br />
=== 5. Вложенный морф ===<br />
{|class="wikitable morphcontainer" width="50%"<br />
|class="morphlink"|1<br />
|class="morphlink"|2<br />
|class="morphlink"|3<br />
|- class="morphcontent" align="center"<br />
|colspan="3"|<br />
{|class="wikitable morphcontainer" width="50%"<br />
|class="morphlink"|1<br />
|class="morphlink"|2<br />
|- class="morphcontent" align="center"<br />
|colspan="2"|'''1.1'''<br />
|- class="morphcontent" align="center"<br />
| colspan="3"|'''1.2'''<br />
|}<br />
|- class="morphcontent" align="center"<br />
| colspan="3"|<br />
{|class="wikitable morphcontainer" width="50%"<br />
|class="morphlink"|1<br />
|class="morphlink"|2<br />
|class="morphlink"|3<br />
|- class="morphcontent" align="center"<br />
|colspan="3"|'''2.1'''<br />
|- class="morphcontent" align="center"<br />
| colspan="3"|'''2.2'''<br />
|- class="morphcontent" align="center"<br />
| colspan="3"|'''2.3'''<br />
|}<br />
|- class="morphcontent" align="center"<br />
|colspan="3"|<br />
{|class="wikitable morphcontainer" width="50%"<br />
|class="morphlink"|1<br />
|class="morphlink"|2<br />
|class="morphlink"|3<br />
|class="morphlink"|4<br />
|- class="morphcontent" align="center"<br />
|colspan="4"|'''3.1'''<br />
|- class="morphcontent" align="center"<br />
| colspan="4"|'''3.2'''<br />
|- class="morphcontent" align="center"<br />
| colspan="4"|'''3.3'''<br />
|- class="morphcontent" align="center"<br />
| colspan="4"|'''3.4'''<br />
|}<br />
|}<br />
<br />
</div><br />
[[Категория:Lurkmore:Документация|{{PAGENAME}}]]</div>
imported>Fervor