<?xml version="1.0" encoding="utf-8"?>

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
	<channel>
		<title>Форум программистов и сисадминов Киберфорум - Блоги - russiannick</title>
		<link>https://www.cyberforum.ru/blogs/1851672/</link>
		<description>КиберФорум - форум программистов, системных администраторов, администраторов баз данных, компьютерный форум, форум по электронике и бытовой технике, обсуждение софта. Бесплатная помощь в решении задач по программированию и наукам, решение проблем с компьютером, операционными системам</description>
		<language>ru</language>
		<lastBuildDate>Wed, 16 Sep 2026 15:01:09 GMT</lastBuildDate>
		<generator>vBulletin</generator>
		<ttl>60</ttl>
		<image>
			<url>https://www.cyberforum.ru//cyberstatic.net/images/misc/rss.jpg</url>
			<title>Форум программистов и сисадминов Киберфорум - Блоги - russiannick</title>
			<link>https://www.cyberforum.ru/blogs/1851672/</link>
		</image>
		<item>
			<title>Оттачиваю умение писать js программы.</title>
			<link>https://www.cyberforum.ru/blogs/1851672/11092.html</link>
			<pubDate>Sun, 30 Aug 2026 15:56:04 GMT</pubDate>
			<description>Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман....</description>
			<content:encoded><![CDATA[<div>Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман. <br />
<br />
Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют Туманом. Начинаясь с левого верхнего угла текста, Туман распространяется и сокращается под действием синих кнопок. Остальной текст, не находящийся в тумане, живет своей жизнью, меняется по законам Виженера. Попав в туман символ заморожен и не меняется.<br />
Синий туман работает в паре с ротацией ключа.<br />
Ротация ключа это циклический сдвиг букв. Иначе говоря сдвиг букв в одну сторону на одно знакоместо, при этом буква оказавшаяся за пределами ключа, добавляется в ключ с противоположной стороны.<br />
Ключ крутится как вправо так и влево. Управление ротацией: клавиши на цифровой клавиатуре [0][.], или экранные кнопки<font color="DarkRed"> [→]</font>,<font color="DarkRed">[←].</font><br />
<br />
Также пожалуюсь еще на фокус. Неугомонный текстовый пережиток норовил спрыгнуть с траектории в какие-то дебри. Пришлось его урезонить директивным <font color="Blue">*{user-select}</font>. Вроде теперь работает ровно.<br />
Притягивают фокус теги &lt;select&gt;, их пришлось скрывать под <font color="blue">{display: none}</font> и изобретать логику их показа. С этой целью внедрил систему радио-инпутов в двух местах, заменив спрятанные select. Языковый select, select примеров, select длин ключа прошли глубокую переработку.<br />
Немецкий алфавит заполнил частотами с википедии, а не рандомными.<br />
Убрал кнопки <font color="Sienna">[RUN]</font>, <font color="sienna">[RESTORE]</font> по причине непопулярности. Функционал из <font color="sienna">[RUN]</font> перекинул в <font color="sienna">[PASTE]</font>, без каких либо качественных потерь.<br />
Добавил кнопку <font color="sienna">[COPY]</font>, без которой мучился столько времени.</div>


<!-- attachments -->
	<div style="margin-top:10px">

		
			<fieldset class="fieldset">
				<legend>Миниатюры</legend>
				<div style="padding:3px">
				
	<a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=12002&amp;d=1788108613" target="attachment" rel="Lightbox" id="attachment12002"><img loading="lazy" decoding="async" class="thumbnail" src="https://www.cyberforum.ru/blog_attachment.php?attachmentid=12002&amp;stc=1&amp;thumb=1&amp;d=1788108613" border="0" alt="Нажмите на изображение для увеличения
Название: 130.gif
Просмотров: 99
Размер:	274.8 Кб
ID:	12002" /></a>
	&nbsp;
	

				</div>
			</fieldset>
		
		
		
		

	</div>
<!-- / attachments -->
]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/11092.html</guid>
		</item>
		<item>
			<title>Калькулятор для расчета родства</title>
			<link>https://www.cyberforum.ru/blogs/1851672/11067.html</link>
			<pubDate>Fri, 07 Aug 2026 18:51:40 GMT</pubDate>
			<description>*1. Задача*: Создать калькулятор для расчета родства.  
Родственных связей существует 8 ступеней,...</description>
			<content:encoded><![CDATA[<div><b>1. Задача</b>: Создать калькулятор для расчета родства. <br />
Родственных связей существует 8 ступеней, такие как:<br />
p - отец<br />
P - мать<br />
q - муж<br />
Q - жена<br />
b - брат<br />
B - сестра<br />
s - сын<br />
S - дочь<br />
Преобразовать вводимую пользователем строку этих символов.<br />
<br />
<b>2. Решение:</b> Создаю кнопки калькулятора на основе тега input [type='button']<br />
<div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="932913359"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="932913359" style="height: 238px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
</pre></td><td class="de1"><pre class="de1"><span class="sc2">&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;button&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;p&quot;</span> <span class="kw3">onclick</span><span class="sy0">=</span><span class="st0">&quot;a='p'+a; fn()&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;button&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;P&quot;</span> <span class="kw3">onclick</span><span class="sy0">=</span><span class="st0">&quot;a='P'+a; fn()&quot;</span>&gt;</span>
&nbsp;
<span class="sc2">&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;button&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;b&quot;</span> <span class="kw3">onclick</span><span class="sy0">=</span><span class="st0">&quot;a='b'+a; fn()&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;button&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;B&quot;</span> <span class="kw3">onclick</span><span class="sy0">=</span><span class="st0">&quot;a='B'+a; fn()&quot;</span>&gt;</span>
&nbsp;
<span class="sc2">&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;button&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;s&quot;</span> <span class="kw3">onclick</span><span class="sy0">=</span><span class="st0">&quot;a='s'+a; fn()&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;button&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;S&quot;</span> <span class="kw3">onclick</span><span class="sy0">=</span><span class="st0">&quot;a='S'+a; fn()&quot;</span>&gt;</span>
&nbsp;
<span class="sc2">&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;button&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;q&quot;</span> <span class="kw3">onclick</span><span class="sy0">=</span><span class="st0">&quot;a='q'+a; fn()&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;button&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;Q&quot;</span> <span class="kw3">onclick</span><span class="sy0">=</span><span class="st0">&quot;a='Q'+a; fn()&quot;</span>&gt;</span>
&nbsp;
<span class="sc2">&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;button&quot;</span> <span class="kw3">style</span><span class="sy0">=</span><span class="st0">&quot;float:right&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;clr&quot;</span> <span class="kw3">onclick</span><span class="sy0">=</span><span class="st0">&quot;a=''; fn()&quot;</span>&gt;</span></pre></td></tr></table></div></td></tr></tbody></table></div><b>3. Пишу js код.</b> В нем выполняются преобразования строки в другую строку<br />
<b>4. Часть первая</b> на этом завершается. Продолжение завтра.<br />
<br />
<b>Часть II</b> [bro14]<br />
<b>1. Добавлено</b> реакция на touch для андроида.<br />
<b>2. Конец.</b><br />
Часть III.<br />
Попутно выяснилось как важна последовательность команд.<br />
	<font color="SeaGreen"><b>c.style.display=['none','block'][+!x];</b></font><br />
	<b>c.style.left=(rect.x-50+d.cx-c.offsetWidth/2)+'px';<br />
	c.style.top=(rect.y-70+d.cy)+'px';</b><br />
-- размещает по центру<br />
	<b>c.style.left=(rect.x-50+d.cx-c.offsetWidth/2)+'px';<br />
	c.style.top=(rect.y-70+d.cy)+'px';</b><br />
	<font color="Red"><b>c.style.display=['none','block'][+!x];</b></font><br />
-- смещает влево, т.к. на момент вызова элемент имеет display=none, то его ширина=0.</div>


<!-- attachments -->
	<div style="margin-top:10px">

		
			<fieldset class="fieldset">
				<legend>Миниатюры</legend>
				<div style="padding:3px">
				
	<a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11972&amp;d=1786625554" target="attachment" rel="Lightbox" id="attachment11972"><img loading="lazy" decoding="async" class="thumbnail" src="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11972&amp;stc=1&amp;thumb=1&amp;d=1786625554" border="0" alt="Нажмите на изображение для увеличения
Название: i115.gif
Просмотров: 23
Размер:	64.0 Кб
ID:	11972" /></a>
	&nbsp;
	

				</div>
			</fieldset>
		
		
		
		
			<fieldset class="fieldset">
				<legend>Вложения</legend>
				<table cellpadding="0" cellspacing="3" border="0">
				<tr>
	<td><img loading="lazy" decoding="async" class="inlineimg" src="http://www.cyberforum.ru//cyberstatic.net/images/attach/rar.gif" alt="Тип файла: rar" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
	<td><a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11967&amp;d=1786128621">bro.rar</a> (2.9 Кб, 53 просмотров)</td>
</tr><tr>
	<td><img loading="lazy" decoding="async" class="inlineimg" src="http://www.cyberforum.ru//cyberstatic.net/images/attach/rar.gif" alt="Тип файла: rar" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
	<td><a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11971&amp;d=1786547740">bro9.rar</a> (6.9 Кб, 52 просмотров)</td>
</tr><tr>
	<td><img loading="lazy" decoding="async" class="inlineimg" src="http://www.cyberforum.ru//cyberstatic.net/images/attach/rar.gif" alt="Тип файла: rar" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
	<td><a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11982&amp;d=1787147242">bro14.rar</a> (7.5 Кб, 26 просмотров)</td>
</tr>
				</table>
			</fieldset>
		

	</div>
<!-- / attachments -->
]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/11067.html</guid>
		</item>
		<item>
			<title>Текстовый слайдер с нумерацией страниц и кроссбраузерность.</title>
			<link>https://www.cyberforum.ru/blogs/1851672/11014.html</link>
			<pubDate>Sat, 18 Jul 2026 16:36:27 GMT</pubDate>
			<description>Один мой друг написал текстовый слайдер с нумерацией страниц. Сегодня я расскажу как он умудрился...</description>
			<content:encoded><![CDATA[<div>Один мой друг написал текстовый слайдер с нумерацией страниц. Сегодня я расскажу как он умудрился подружить его с кроссбраузерностью. <br />
Очевидно сложно угодить с шириной каждому браузеру. Один крадет пиксель, другой 10 добавляет. В результате неопределенность и разброд. Чтобы положить этому конец, решил юзать метод половинного деления. Поясню. В рантайм текст кладу в невидимый элемент и сразу замеряю его ширину. Если не уложился в `прокрустово ложе` то уменьшаю <s>аппетиты</s> символы. И так продолжаю пока не уложится в 280 пикселей.<br />
По итогу элемент сидит в родительском как влитой, хотя количество символов на удивление разное: 26-30.<br />
<div class="codeblock"><table class="javascript"><thead><tr><td colspan="2" id="218102252"  class="head">JavaScript</td></tr></thead><tbody><tr class="li1"><td><div id="218102252" style="height: 222px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
</pre></td><td class="de1"><pre class="de1">&nbsp; &nbsp; let tgram<span class="sy0">=</span><span class="nu0">40</span><span class="sy0">;</span><span class="co1">// стартовая цена в символах</span>
&nbsp; &nbsp; let mores<span class="sy0">;</span>
&nbsp; &nbsp; let arshin<span class="sy0">;</span>
&nbsp; &nbsp; while<span class="br0">&#40;</span><span class="kw2">true</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; mores<span class="sy0">=</span><span class="st0">''</span>.<span class="me1">padStart</span><span class="br0">&#40;</span>tgram<span class="sy0">,</span><span class="st0">'-'</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">//280</span>
&nbsp; &nbsp; &nbsp; &nbsp; more.<span class="me1">innerHTML</span><span class="sy0">=</span>mores<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; arshin<span class="sy0">=</span>more.<span class="me1">offsetWidth</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>arshin<span class="sy0">&lt;=</span><span class="nu0">280</span><span class="br0">&#41;</span><span class="kw1">break</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; tgram<span class="sy0">--;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; mored.<span class="me1">innerHTML</span><span class="sy0">=</span>arshin<span class="sy0">;</span>
&nbsp; &nbsp; cadr.<span class="me1">style</span>.<span class="me1">width</span><span class="sy0">=</span>arshin<span class="sy0">+</span><span class="st0">'px'</span><span class="sy0">;</span></pre></td></tr></table></div></td></tr></tbody></table></div>Для постраничного текста использован тот же подход. Нахождение количества страниц делается разбиением на колонки средствами <font color="SeaGreen">css</font> <font color="Blue">columnCount</font> и замерением высоты полученного элемента. Вычисление идет в цикле каждую итерацию увеличивается количество страниц, ведь чем больше страниц, тем меньше их высота. Задача выполнена, если высота 275 пикселей или меньше.<br />
<div class="codeblock"><table class="javascript"><thead><tr><td colspan="2" id="156539805"  class="head">JavaScript</td></tr></thead><tbody><tr class="li1"><td><div id="156539805" style="height: 142px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
</pre></td><td class="de1"><pre class="de1">&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">visibility</span><span class="sy0">=</span><span class="st0">'hidden'</span><span class="sy0">;</span><span class="co1">//превентивные меры против мельтешения</span>
&nbsp; &nbsp; while <span class="br0">&#40;</span>ajak.<span class="me1">clientHeight</span><span class="sy0">&gt;</span><span class="nu0">150</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; num<span class="sy0">++;</span>
&nbsp; &nbsp; &nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">width</span><span class="sy0">=</span><span class="kw4">String</span><span class="br0">&#40;</span>num<span class="sy0">*</span>arshin<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'px'</span><span class="sy0">;</span><span class="co1">//275</span>
&nbsp; &nbsp; &nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">columnCount</span><span class="sy0">=</span><span class="kw4">String</span><span class="br0">&#40;</span>num<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">visibility</span><span class="sy0">=</span><span class="st0">'visible'</span><span class="sy0">;</span></pre></td></tr></table></div></td></tr></tbody></table></div>Словом одним адаптивным слайдером стало больше.</div>


<!-- attachments -->
	<div style="margin-top:10px">

		
			<fieldset class="fieldset">
				<legend>Миниатюры</legend>
				<div style="padding:3px">
				
	<a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11939&amp;d=1784402358" target="attachment" rel="Lightbox" id="attachment11939"><img loading="lazy" decoding="async" class="thumbnail" src="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11939&amp;stc=1&amp;thumb=1&amp;d=1784402358" border="0" alt="Нажмите на изображение для увеличения
Название: newslid.png
Просмотров: 15
Размер:	14.7 Кб
ID:	11939" /></a>
	&nbsp;
	

				</div>
			</fieldset>
		
		
		
		
			<fieldset class="fieldset">
				<legend>Вложения</legend>
				<table cellpadding="0" cellspacing="3" border="0">
				
				</table>
			</fieldset>
		

	</div>
<!-- / attachments -->
]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/11014.html</guid>
		</item>
		<item>
			<title>Изменение цветов в палитре gif файла aka фавикона</title>
			<link>https://www.cyberforum.ru/blogs/1851672/10907.html</link>
			<pubDate>Sat, 23 May 2026 15:56:09 GMT</pubDate>
			<description>Изменение цветов в палитре gif файла, юзаемого как фавиконка в составе html-файла, помещенная в...</description>
			<content:encoded><![CDATA[<div>Изменение цветов в палитре gif файла, юзаемого как фавиконка в составе html-файла, помещенная в base64, средствами нативного Java Script, навеянное сном в майский день.<br />
Для работы необходим браузер, желательно не ниже версии 148.0.7778.179, но не критично.<br />
Для выбора нужного цвета достаточно кликнуть по нему на картинке, либо ввести его номер в палитре в соответствующем поле ввода, имеющем тип input number. <br />
Вспомогательная инфа выводится в цветном формате в консоль.<br />
Обнаружен баг где монохром крашит приложение. Количество битов на изображение юзано дважды - в подсчете длины палитры и вычислении кодов очистки/конца. Следует учесть, что это две разные величины.<br />
<div class="codeblock"><table class="javascript"><thead><tr><td colspan="2" id="542590580"  class="head">JavaScript</td></tr></thead><tbody><tr class="li1"><td><div id="542590580" style="height: 110px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
</pre></td><td class="de1"><pre class="de1">biting<span class="sy0">=</span><span class="nu0">1</span><span class="sy0">+</span><span class="br0">&#40;</span>byts<span class="br0">&#91;</span><span class="nu0">10</span><span class="br0">&#93;</span><span class="sy0">&amp;</span><span class="nu0">7</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="kw1">if</span> <span class="br0">&#40;</span>biting<span class="sy0">&lt;</span><span class="nu0">2</span><span class="br0">&#41;</span> biting<span class="sy0">=</span><span class="nu0">2</span><span class="sy0">;</span><span class="co1">// монохром учтен</span>
cur<span class="sy0">=</span><span class="nu0">13</span><span class="sy0">+</span><span class="nu0">3</span><span class="sy0">*</span><span class="br0">&#40;</span><span class="nu0">1</span> <span class="sy0">&lt;&lt;</span> <span class="br0">&#40;</span><span class="nu0">1</span><span class="sy0">+</span><span class="br0">&#40;</span>byts<span class="br0">&#91;</span><span class="nu0">10</span><span class="br0">&#93;</span><span class="sy0">&amp;</span><span class="nu0">7</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">// вычислять не через biting</span>
kodclr<span class="sy0">=</span><span class="nu0">1</span> <span class="sy0">&lt;&lt;</span> biting<span class="sy0">;</span>
kodend<span class="sy0">=</span><span class="br0">&#40;</span><span class="nu0">1</span> <span class="sy0">&lt;&lt;</span> biting<span class="br0">&#41;</span><span class="sy0">+</span><span class="nu0">1</span><span class="sy0">;</span></pre></td></tr></table></div></td></tr></tbody></table></div></div>


<!-- attachments -->
	<div style="margin-top:10px">

		
			<fieldset class="fieldset">
				<legend>Миниатюры</legend>
				<div style="padding:3px">
				
	<a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11891&amp;d=1779551612" target="attachment" rel="Lightbox" id="attachment11891"><img loading="lazy" decoding="async" class="thumbnail" src="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11891&amp;stc=1&amp;thumb=1&amp;d=1779551612" border="0" alt="Нажмите на изображение для увеличения
Название: it.png
Просмотров: 79
Размер:	233.9 Кб
ID:	11891" /></a>
	&nbsp;
	

				</div>
			</fieldset>
		
		
		
		
			<fieldset class="fieldset">
				<legend>Вложения</legend>
				<table cellpadding="0" cellspacing="3" border="0">
				<tr>
	<td><img loading="lazy" decoding="async" class="inlineimg" src="http://www.cyberforum.ru//cyberstatic.net/images/attach/zip.gif" alt="Тип файла: zip" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
	<td><a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11892&amp;d=1779551734">fion6s.zip</a> (7.1 Кб, 50 просмотров)</td>
</tr>
				</table>
			</fieldset>
		

	</div>
<!-- / attachments -->
]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/10907.html</guid>
		</item>
		<item>
			<title>Рисование бинарного древа до 6-го колена на js, svg.</title>
			<link>https://www.cyberforum.ru/blogs/1851672/10891.html</link>
			<pubDate>Sun, 17 May 2026 13:49:58 GMT</pubDate>
			<description><![CDATA[<div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="944333037" ...]]></description>
			<content:encoded><![CDATA[<div><div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="504293723"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="504293723" style="height: 270px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</pre></td><td class="de1"><pre class="de1"><span class="sc2">&lt;svg <span class="kw3">width</span><span class="sy0">=</span><span class="st0">&quot;335&quot;</span> <span class="kw3">height</span><span class="sy0">=</span><span class="st0">&quot;240&quot;</span> viewBox<span class="sy0">=</span><span class="st0">&quot;0 0 335 240&quot;</span> fill<span class="sy0">=</span><span class="st0">&quot;#e5e1bb&quot;</span>&gt;</span>
&nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">style</span>&gt;</span>
&nbsp; &nbsp; <span class="sc-2">&lt;![CDATA[</span>
<span class="sc-2">&nbsp; &nbsp; &nbsp; line {</span>
<span class="sc-2">&nbsp; &nbsp; &nbsp; &nbsp; stroke:blue;</span>
<span class="sc-2">&nbsp; &nbsp; &nbsp; &nbsp; stroke-width:3;</span>
<span class="sc-2">&nbsp; &nbsp; &nbsp; }</span>
<span class="sc-2">&nbsp; &nbsp; &nbsp; rect {</span>
<span class="sc-2">&nbsp; &nbsp; &nbsp; &nbsp; stroke-width:3;</span>
<span class="sc-2">&nbsp; &nbsp; &nbsp; }</span>
<span class="sc-2">&nbsp; &nbsp; ]]&gt;</span>
&nbsp; &nbsp; <span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">style</span>&gt;</span>
&nbsp; &nbsp; <span class="sc2">&lt;g <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;bush&quot;</span>&gt;</span>
&nbsp; &nbsp; <span class="sc2">&lt;<span class="sy0">/</span>g&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span>svg&gt;</span></pre></td></tr></table></div></td></tr></tbody></table></div><div class="codeblock"><table class="javascript"><thead><tr><td colspan="2" id="104309853"  class="head">JavaScript</td></tr></thead><tbody><tr class="li1"><td><div id="104309853" style="height: 350px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
</pre></td><td class="de1"><pre class="de1"><span class="kw1">function</span> fn<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; let rost<span class="sy0">;</span><span class="co1">// высота древа</span>
&nbsp; &nbsp; let xx<span class="sy0">=</span><span class="nu0">165</span><span class="sy0">,</span>yy<span class="sy0">=</span><span class="nu0">210</span><span class="sy0">,</span>w<span class="sy0">=</span><span class="nu0">256</span><span class="sy0">;</span>
&nbsp; &nbsp; let arr<span class="sy0">=</span><span class="br0">&#91;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#91;</span> ...<span class="kw4">Array</span><span class="br0">&#40;</span><span class="nu0">2</span><span class="sy0">**</span><span class="nu0">1</span><span class="br0">&#41;</span>.<span class="me1">keys</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>i <span class="sy0">=&gt;</span> i<span class="sy0">+</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#91;</span> ...<span class="kw4">Array</span><span class="br0">&#40;</span><span class="nu0">2</span><span class="sy0">**</span><span class="nu0">2</span><span class="br0">&#41;</span>.<span class="me1">keys</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>i <span class="sy0">=&gt;</span> i<span class="sy0">+</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">,</span> 
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#91;</span> ...<span class="kw4">Array</span><span class="br0">&#40;</span><span class="nu0">2</span><span class="sy0">**</span><span class="nu0">3</span><span class="br0">&#41;</span>.<span class="me1">keys</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>i <span class="sy0">=&gt;</span> i<span class="sy0">+</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">,</span> 
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#91;</span> ...<span class="kw4">Array</span><span class="br0">&#40;</span><span class="nu0">2</span><span class="sy0">**</span><span class="nu0">4</span><span class="br0">&#41;</span>.<span class="me1">keys</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>i <span class="sy0">=&gt;</span> i<span class="sy0">+</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#91;</span> ...<span class="kw4">Array</span><span class="br0">&#40;</span><span class="nu0">2</span><span class="sy0">**</span><span class="nu0">5</span><span class="br0">&#41;</span>.<span class="me1">keys</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>i <span class="sy0">=&gt;</span> i<span class="sy0">+</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">,</span> 
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#91;</span> ...<span class="kw4">Array</span><span class="br0">&#40;</span><span class="nu0">2</span><span class="sy0">**</span><span class="nu0">6</span><span class="br0">&#41;</span>.<span class="me1">keys</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>i <span class="sy0">=&gt;</span> i<span class="sy0">+</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#91;</span> ...<span class="kw4">Array</span><span class="br0">&#40;</span><span class="nu0">2</span><span class="sy0">**</span><span class="nu0">7</span><span class="br0">&#41;</span>.<span class="me1">keys</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>i <span class="sy0">=&gt;</span> i<span class="sy0">+</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">,</span> &nbsp; &nbsp; 
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#93;</span><span class="sy0">;</span>&nbsp; 
&nbsp;
&nbsp; &nbsp; arr<span class="sy0">=</span>arr.<span class="me1">map</span><span class="br0">&#40;</span><span class="br0">&#40;</span>c<span class="sy0">,</span>j<span class="br0">&#41;</span> <span class="sy0">=&gt;</span> <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; let p<span class="sy0">=</span>w<span class="sy0">/</span><span class="br0">&#40;</span>c.<span class="me1">length</span><span class="sy0">*</span><span class="nu0">2</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> c.<span class="me1">map</span><span class="br0">&#40;</span><span class="br0">&#40;</span>x<span class="sy0">,</span>i<span class="br0">&#41;</span> <span class="sy0">=&gt;</span> <span class="br0">&#40;</span>xx<span class="sy0">+</span><span class="br0">&#40;</span>i<span class="sy0">*</span><span class="nu0">2</span><span class="sy0">+</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">*</span>p<span class="sy0">-</span>w<span class="sy0">/</span><span class="nu0">2</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp;
&nbsp; &nbsp; tree<span class="br0">&#40;</span><span class="br0">&#91;</span><span class="nu0">0</span><span class="sy0">,</span><span class="nu0">0</span><span class="sy0">,</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp;
&nbsp; &nbsp; <span class="kw1">function</span> tree<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="co1">// дерево</span>
&nbsp; &nbsp; &nbsp; &nbsp; let n<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="nu0">4</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; let cb<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="sy0">===</span><span class="kw2">undefined</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="kw2">undefined</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; let men<span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span><span class="co1">//люди</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span><span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">==</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="sy0">&amp;&amp;</span><span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span><span class="sy0">==</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; n<span class="sy0">=</span><span class="nu0">6</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; rost<span class="sy0">=</span><span class="nu0">0</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let i<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="co1">// самый дочерний элемент</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; men<span class="sy0">=</span><span class="st0">'&lt;rect x=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>xx<span class="sy0">-</span><span class="nu0">15</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot; y=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>yy<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot; width=&quot;30&quot; height=&quot;12&quot; fill=&quot;blue&quot; stroke=&quot;violet&quot;/&gt;<span class="es0">\n</span>'</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cb<span class="sy0">=</span>xx<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">&gt;</span><span class="nu0">0</span> <span class="sy0">&amp;&amp;</span> x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">&lt;</span><span class="nu0">7</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>rost<span class="sy0">&lt;</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#41;</span>rost<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; bz<span class="sy0">=</span><span class="br0">&#91;</span><span class="nu0">0</span><span class="sy0">,</span><span class="nu0">90</span><span class="sy0">,</span><span class="nu0">70</span><span class="sy0">,</span><span class="nu0">70</span><span class="sy0">,</span><span class="nu0">34</span><span class="sy0">,</span><span class="nu0">16</span><span class="sy0">,</span><span class="nu0">6</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>c <span class="sy0">=&gt;</span> c<span class="sy0">/</span><span class="nu0">3</span><span class="br0">&#41;</span><span class="br0">&#91;</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="sy0">;</span><span class="co1">// ширина квадрата на этажах</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; arr<span class="br0">&#91;</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#93;</span>.<span class="me1">forEach</span><span class="br0">&#40;</span><span class="br0">&#40;</span>c<span class="sy0">,</span>i<span class="br0">&#41;</span> <span class="sy0">=&gt;</span> <span class="br0">&#123;</span><span class="kw1">if</span><span class="br0">&#40;</span>i<span class="sy0">==</span>x<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let yh<span class="sy0">=</span><span class="nu0">24</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; men<span class="sy0">+=</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'<span class="es0">\n</span>&lt;rect x=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>c<span class="sy0">-</span>bz<span class="sy0">/</span><span class="nu0">2</span><span class="sy0">|</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot; y=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>yy<span class="sy0">-</span>yh<span class="sy0">*</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot; width=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>bz<span class="sy0">|</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&quot; height=&quot;12&quot; fill=&quot;white&quot; stroke=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span><span class="br0">&#91;</span><span class="st0">'blue'</span><span class="sy0">,</span><span class="st0">'violet'</span><span class="br0">&#93;</span><span class="br0">&#91;</span>x<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span><span class="sy0">%</span>2<span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' /&gt;<span class="es0">\n</span>'</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; bush.<span class="me1">innerHTML</span><span class="sy0">+=</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'<span class="es0">\n</span>&lt;line x1=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>c<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot; y1=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>yy<span class="sy0">-</span>yh<span class="sy0">*</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="nu0">12</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot; x2=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">3</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&quot; y2=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>yy<span class="sy0">-</span>yh<span class="sy0">*</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">+</span>yh<span class="sy0">-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot; /&gt;'</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cb<span class="sy0">=</span>c<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>n<span class="sy0">&gt;</span><span class="nu0">0</span><span class="br0">&#41;</span>tree<span class="br0">&#40;</span><span class="br0">&#91;</span><span class="nu0">1</span><span class="sy0">,</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="nu0">1</span><span class="sy0">,</span>x<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span><span class="sy0">*</span><span class="nu0">2</span><span class="sy0">,</span>cb<span class="sy0">,</span>n<span class="sy0">-</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">//вправо</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>n<span class="sy0">&gt;</span><span class="nu0">0</span><span class="br0">&#41;</span>tree<span class="br0">&#40;</span><span class="br0">&#91;</span><span class="nu0">1</span><span class="sy0">,</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="nu0">1</span><span class="sy0">,</span>x<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span><span class="sy0">*</span><span class="nu0">2</span><span class="sy0">+</span><span class="nu0">1</span><span class="sy0">,</span>cb<span class="sy0">,</span>n<span class="sy0">-</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">//влево </span>
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; bush.<span class="me1">innerHTML</span><span class="sy0">+=</span>men<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> rost<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span> &nbsp; 
fn<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span></pre></td></tr></table></div></td></tr></tbody></table></div></div>


<!-- attachments -->
	<div style="margin-top:10px">

		
			<fieldset class="fieldset">
				<legend>Миниатюры</legend>
				<div style="padding:3px">
				
	<a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11886&amp;d=1779025771" target="attachment" rel="Lightbox" id="attachment11886"><img loading="lazy" decoding="async" class="thumbnail" src="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11886&amp;stc=1&amp;thumb=1&amp;d=1779025771" border="0" alt="Нажмите на изображение для увеличения
Название: 2026.png
Просмотров: 85
Размер:	11.2 Кб
ID:	11886" /></a>
	&nbsp;
	

	<a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11887&amp;d=1779041601" target="attachment" rel="Lightbox" id="attachment11887"><img loading="lazy" decoding="async" class="thumbnail" src="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11887&amp;stc=1&amp;thumb=1&amp;d=1779041601" border="0" alt="Нажмите на изображение для увеличения
Название: it.png
Просмотров: 52
Размер:	8.9 Кб
ID:	11887" /></a>
	&nbsp;
	

				</div>
			</fieldset>
		
		
		
		
			<fieldset class="fieldset">
				<legend>Вложения</legend>
				<table cellpadding="0" cellspacing="3" border="0">
				
				</table>
			</fieldset>
		

	</div>
<!-- / attachments -->
]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/10891.html</guid>
		</item>
		<item>
			<title>Хитросплетение родственных связей пантеона греческих богов.</title>
			<link>https://www.cyberforum.ru/blogs/1851672/10889.html</link>
			<pubDate>Thu, 14 May 2026 12:09:05 GMT</pubDate>
			<description><![CDATA[Однооконник, позволяющий узреть и изучить отдельных героев древней Греции. 
<div...]]></description>
			<content:encoded><![CDATA[<div>Однооконник, позволяющий узреть и изучить отдельных героев древней Греции.<br />
<div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="89900004"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="89900004" style="height: 350px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
</pre></td><td class="de1"><pre class="de1"><span class="sc0">&lt;!DOCTYPE html&gt;</span>
<span class="sc2">&lt;<span class="kw2">html</span> <span class="kw3">lang</span><span class="sy0">=</span><span class="st0">&quot;ru&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">head</span>&gt;</span>
&nbsp; <span class="sc2">&lt;<span class="kw2">meta</span> <span class="kw3">charset</span><span class="sy0">=</span><span class="st0">&quot;UTF-8&quot;</span>&gt;</span>
&nbsp; <span class="sc2">&lt;<span class="kw2">meta</span> <span class="kw3">http-equiv</span><span class="sy0">=</span><span class="st0">&quot;X-UA-Compatible&quot;</span> <span class="kw3">content</span><span class="sy0">=</span><span class="st0">&quot;IE=edge&quot;</span>&gt;</span>
&nbsp; <span class="sc2">&lt;<span class="kw2">meta</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;viewport&quot;</span> <span class="kw3">content</span><span class="sy0">=</span><span class="st0">&quot;width=device-width, initial-scale=1.0&quot;</span>&gt;</span>
&nbsp; <span class="sc2">&lt;<span class="kw2">link</span> <span class="kw3">rel</span><span class="sy0">=</span><span class="st0">&quot;icon&quot;</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;image/x-icon&quot;</span> <span class="kw3">href</span><span class="sy0">=</span></span>
<span class="sc2"><span class="st0">&quot;data:image/gif;base64,R0lGODlhEAAQAPcAAP////GXnesqN+olMuomM/CAiO98hegNHOkYJukZJ+kWJOkGFeovPOgMHOoQH+cADO8CEedcZ/O9wugKGekVI+kSIOgRH/CSmfTR1Pbt7/K8wPf19fV+hvAnNJgAB8aMkeodKugSIOkeLO9rdfj///Ghp/TS1PCFjPO0uvSbof/496gjMYoAEIsAAvGYnugFFOs1Qe5qdPGkqfOxtvGssfKrr/O/w++Oldedo3oAAKAhMIEAAMZ9he1QW+gLGvf///PS1ezn6MSAhPPp64YAAKk4ROspNukXJO+Ah/KrsPCIkfXj5Pf+/vj+/urW1/f29+7i4+bO0O/i5X4AAJoSIecDEu1TXvCOlvXe3vPMz/j9/ezc3efT08Bzeevd3e7k5fv//4cAAJgOHugGFPn///KyuPb39+G/wefT1bBGVPn398eCiMeCiYAAAOomNOgGFe+Mke5PW/GnrPr//+HBw/3//9GdouLBxe7g4qMrOJkQH+xIU+cAAus0QO97g+bKzfb//+bOz7hgaZEACtCan8uPlqYwPfCKkecACvKxt5oUIrBIU6o7R5QFFpQBFI0ABpcKGsBweegBEfNsdbZXYogAAIwAA48ACaYxPpEADZYJGZgPHpcNHZQDFYsAAPWXnOsAD8qcoI4ABZUGGZkOIJcJG5gOH5YJGpgPIJUIGb5sdLtATYEABIwAAZkPIJcOHZgOHZMDE4wABKUuOsR6gZoSIpkPH7tkbQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFewAAACwAAAAAEAAQAAAI/wABCATgooeRAQPc7Dk0cKAEEC98HKky5g0fRJI+DTQwIYQFEEiskCHRJ9EkUKsABDhAQQQMEj+u/IDjZ86cUKxoCUBQYUQMEkmwkIhjk5KoVrUGJLBAQsYPJVnKyPmjqNIoV2IGKLhQYoaNJT9IzAG0yBKpTVkXYDBBAwgTLWboBJpzqdSrrAwynKhBosmWM3VsYjIlJmsDDShs/HDCBY0dQYwynYKV1cGGFDdIPOmSZkeYRppQFSbwgIMKHEGgeFFzZ5AjtLFsFYDQYUUOIVG+rJlD6BGnVLJuAYjggYWOIVLAsMEzB1KnR7MGfmixg8iUMG3yFNrhSVVDgTyKUAgprMdQpIYBAQA7&quot;</span>&gt;</span>
&nbsp; <span class="sc2">&lt;<span class="kw2">title</span>&gt;</span>Генеалогия Телемаха<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">title</span>&gt;</span>
&nbsp; <span class="sc2">&lt;<span class="kw2">style</span>&gt;</span>
&nbsp; *:not(hr), *::after, *::before {
&nbsp; box-sizing: border-box;
&nbsp; margin:0;
&nbsp; padding:0;
&nbsp; border:0;
&nbsp; user-select:none;}
&nbsp;
table#qadr {background: #ded; border:2px solid violet;}
table#qadr {margin: auto;}
table#qadr,
table#qadr [id*='trix']&gt;td{
&nbsp; &nbsp; border:5px solid violet;
&nbsp; &nbsp; border-collapse: collapse;
&nbsp; &nbsp; border-spacing: 0;
&nbsp; &nbsp; }
.bodyaf::after{/*номер чела*/
&nbsp; &nbsp; content:attr(data-x);
&nbsp; &nbsp; position: absolute;
&nbsp; &nbsp; top: 9px;
&nbsp; &nbsp; left: 50%;
&nbsp; &nbsp; transform: translate(-50%, 0);&nbsp; 
&nbsp; &nbsp; font-size: 30px;
&nbsp; &nbsp; color: white;
&nbsp; &nbsp; pointer-events: none;/* В этом случае клики будут проходить сквозь него на родителя.*/
&nbsp; &nbsp; }
.avatar {
&nbsp; &nbsp; border-radius: 99px;
&nbsp; &nbsp; border: 4px solid violet;
&nbsp; &nbsp; transition: .2s ease;
&nbsp; &nbsp; }
.avatar:hover {
&nbsp; &nbsp; cursor: pointer;
&nbsp; &nbsp; animation:shake-horizontal 0.8s linear both;
&nbsp; &nbsp; }
&nbsp; &nbsp; @keyframes shake-horizontal{
&nbsp; &nbsp; &nbsp; &nbsp; 0%,100%{transform:translateX(0)}
&nbsp; &nbsp; &nbsp; &nbsp; 10%,30%,50%,70%{transform:translateX(-10px)}
&nbsp; &nbsp; &nbsp; &nbsp; 20%,40%,60%{transform:translateX(10px)}
&nbsp; &nbsp; &nbsp; &nbsp; 80%{transform:translateX(8px)}
&nbsp; &nbsp; &nbsp; &nbsp; 90%{transform:translateX(-8px)}
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; .barg {/*подпись справа*/
&nbsp; &nbsp; &nbsp; &nbsp; margin:auto;
&nbsp; &nbsp; &nbsp; &nbsp; padding: 0 0 0 2px;
&nbsp; &nbsp; &nbsp; &nbsp; width:fit-content;
&nbsp; &nbsp; &nbsp; &nbsp; display:flex;
&nbsp; &nbsp; &nbsp; &nbsp; justify-content: center;
&nbsp; &nbsp; &nbsp; &nbsp; align-items: center;
&nbsp; &nbsp; &nbsp; &nbsp; flex-wrap: wrap;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; .barg article {/*авоська*/
&nbsp; &nbsp; &nbsp; &nbsp; display: flex;
&nbsp; &nbsp; &nbsp; &nbsp; align-items:center;
&nbsp; &nbsp; &nbsp; &nbsp; flex-wrap: wrap;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; .barg p {
&nbsp; &nbsp; &nbsp; &nbsp; font-size:10px;
&nbsp; &nbsp; &nbsp; &nbsp; text-align:left;
&nbsp; &nbsp; &nbsp; &nbsp; } &nbsp; 
&nbsp; &nbsp; .vem6 {/*кнопка*/
&nbsp; &nbsp; &nbsp; &nbsp; margin:0 1px 0 0;
&nbsp; &nbsp; &nbsp; &nbsp; p0adding-right:11px;
&nbsp; &nbsp; &nbsp; &nbsp; padding: 0 6px;
&nbsp; &nbsp; &nbsp; &nbsp; display: flex;
&nbsp; &nbsp; &nbsp; &nbsp; align-items: center;
&nbsp; &nbsp; &nbsp; &nbsp; background: none;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; .vem6 img {
&nbsp; &nbsp; &nbsp; &nbsp; border-radius: 99px;
&nbsp; &nbsp; &nbsp; &nbsp; width: 30px;
&nbsp; &nbsp; &nbsp; &nbsp; height:30px;
&nbsp; &nbsp; &nbsp; &nbsp; border: 1px solid violet;
&nbsp; &nbsp; &nbsp; &nbsp; transition: .2s ease;
&nbsp; &nbsp; &nbsp; &nbsp; z-index:11;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; .vem6 img:hover{
&nbsp; &nbsp; &nbsp; &nbsp; transform: scale(2.0);
&nbsp; &nbsp; &nbsp; &nbsp; cursor: none;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; .vish {padding-left: 3px}
&nbsp; &nbsp; .dron {/* подпись снизу*/
&nbsp; &nbsp; &nbsp; &nbsp; margin: auto;
&nbsp; &nbsp; &nbsp; &nbsp; padding: 0 0 0 2px;
&nbsp; &nbsp; &nbsp; &nbsp; width:fit-content;
&nbsp; &nbsp; &nbsp; &nbsp; display:flex;
&nbsp; &nbsp; &nbsp; &nbsp; justify-content: center;
&nbsp; &nbsp; &nbsp; &nbsp; align-items: center;
&nbsp; &nbsp; &nbsp; &nbsp; flex-wrap: wrap;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; .dron article {
&nbsp; &nbsp; &nbsp; &nbsp; display: flex;
&nbsp; &nbsp; &nbsp; &nbsp; justify-content: center;
&nbsp; &nbsp; &nbsp; &nbsp; align-items: center;
&nbsp; &nbsp; &nbsp; &nbsp; flex-wrap: wrap;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; .vem2{/*кнонпка*/
&nbsp; &nbsp; &nbsp; &nbsp; margin: 0 2px;
&nbsp; &nbsp; &nbsp; &nbsp; width: 25px;
&nbsp; &nbsp; &nbsp; &nbsp; background: none;
&nbsp; &nbsp; &nbsp; &nbsp; border: none;
&nbsp; &nbsp; &nbsp; &nbsp; text-align: center;
&nbsp; &nbsp; &nbsp; &nbsp; flex-direction:column;
&nbsp; &nbsp; &nbsp; &nbsp; align-items: center;
&nbsp; &nbsp; &nbsp; &nbsp; background:none;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; .vem2 div{
&nbsp; &nbsp; &nbsp; &nbsp; width: 25px;
&nbsp; &nbsp; &nbsp; &nbsp; text-align: center;
&nbsp; &nbsp; &nbsp; &nbsp; overflow: hidden;
&nbsp; &nbsp; &nbsp; &nbsp; text-overflow: ellipsis;
&nbsp; &nbsp; &nbsp; &nbsp; white-space: nowrap;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; .vem2 div span{
&nbsp; &nbsp; &nbsp; &nbsp; margin-top: 3px;
&nbsp; &nbsp; &nbsp; &nbsp; line-height: 1px;
&nbsp; &nbsp; &nbsp; &nbsp; font-size: 7px;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; .vem2 img {/*братья*/
&nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: -10px;
&nbsp; &nbsp; &nbsp; &nbsp; border-radius: 50%;
&nbsp; &nbsp; &nbsp; &nbsp; width: 20px;
&nbsp; &nbsp; &nbsp; &nbsp; height: 20px;
&nbsp; &nbsp; &nbsp; &nbsp; border: 1px solid violet;
&nbsp; &nbsp; &nbsp; &nbsp; transition: .2s ease;
&nbsp; &nbsp; &nbsp; &nbsp; z-index:12;
&nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; .vem2 img:hover {
&nbsp; &nbsp; &nbsp; &nbsp; transform: scale(2.0);
&nbsp; &nbsp; &nbsp; &nbsp; cursor: none;
&nbsp; &nbsp; &nbsp; &nbsp; }
.pec{font-size: 14px;}/**/
.dendy {margin: 2px; width: 40px; height: 40px;}
line {stroke: white; stroke-width: 6px;}/*свг фича*/
/******/
#header2 {
&nbsp; &nbsp; background: blue;
&nbsp; &nbsp; display: flex; justify-content: space-between;
&nbsp; &nbsp; width: 100%; max-width: 905px;
&nbsp; &nbsp; height: 53px;
&nbsp; &nbsp; margin: auto;
&nbsp; &nbsp; }
#lux {/*кнопка поиск*/
&nbsp; &nbsp; padding-left:20px;
&nbsp; &nbsp; padding-top: 10px;
&nbsp; &nbsp; width:94px;
&nbsp; &nbsp; height: 53px;
&nbsp; &nbsp; text-align:left;
&nbsp; &nbsp; background: transparent;
&nbsp; &nbsp; z-index:0;
&nbsp; &nbsp; }
#homea {/*кнопка показ куар*/
&nbsp; &nbsp; padding-left: 14px;
&nbsp; &nbsp; padding-top: 10px;
&nbsp; &nbsp; width: 54px;
&nbsp; &nbsp; height: 53px;
&nbsp; &nbsp; text-align:left;
&nbsp; &nbsp; background: transparent;
&nbsp; &nbsp; z-index:10;
&nbsp; &nbsp; }
#troy {/*кнопка фото героя*/
&nbsp; &nbsp; width: 40px;
&nbsp; &nbsp; height: 53px;
&nbsp; &nbsp; background: transparent;
&nbsp; &nbsp; z-index:10;
&nbsp; &nbsp; }
#paris {/*собственно фото героя*/
&nbsp; &nbsp; margin: 17px auto;
&nbsp; &nbsp; width:24px;
&nbsp; &nbsp; height:24px;
&nbsp; &nbsp; /*тут место фото избраного*/
&nbsp; &nbsp; background-size: cover;
&nbsp; &nbsp; border-radius:50%;
&nbsp; &nbsp; }
#king {/*кнопка героизации*/
&nbsp; &nbsp; position: relative;
&nbsp; &nbsp; padding-top: 10px;
&nbsp; &nbsp; width: 40px;
&nbsp; &nbsp; height: 53px;
&nbsp; &nbsp; background: transparent;
&nbsp; &nbsp; z-index:10;
&nbsp; &nbsp; }
.kingaf::after{/*знак героя*/
&nbsp; &nbsp; padding: 2px 4px;
&nbsp; &nbsp; content: '0';/*attr(data-king); */
&nbsp; &nbsp; font-size: 4px;
&nbsp; &nbsp; color: transparent;
&nbsp; &nbsp; position: absolute;
&nbsp; &nbsp; top: 29px;
&nbsp; &nbsp; left: 21px;
&nbsp; &nbsp; width:12px;aspect-ratio:1;height:12px;
&nbsp; &nbsp; background-color: violet;
&nbsp; &nbsp; border-radius: 50%;
&nbsp; &nbsp; }
/**********/
#gimo {/*найдены*/
&nbsp; &nbsp; height:100%;
&nbsp; &nbsp; background: white;
&nbsp; &nbsp; border: 5px solid coral;
&nbsp; &nbsp; border-radius: 15px;
&nbsp; &nbsp; overflow-y: auto;
&nbsp; &nbsp; padding-left: 20px;
&nbsp; &nbsp; }
#serw {/*штора поиска*/
&nbsp; &nbsp; position: fixed;
&nbsp; &nbsp; top: 0px;
&nbsp; &nbsp; left: 100vw;
&nbsp; &nbsp; width: 100vw;
&nbsp; &nbsp; height: 100%;
&nbsp; &nbsp; background: #eee;
&nbsp; &nbsp; z-index: 11;
&nbsp; &nbsp; transition: .5s;
&nbsp; &nbsp; }
#amor {/*блок с полем и кнопкой search*/
&nbsp; &nbsp; display: flex;
&nbsp; &nbsp; justify-content: end;
&nbsp; &nbsp; border: 5px solid coral;
&nbsp; &nbsp; border-radius:15px;
&nbsp; &nbsp; }
#ivan {padding: 2px 12px; border: 1px solid blue; width: 100%;border-radius:10px 0 0 10px;}
#syyr {padding:2px 15px; border: 2px solid blue;border-radius: 0 10px 10px 0;
&nbsp; &nbsp; background: blue; color: white; font-family: sans-serif; cursor: pointer;
&nbsp; &nbsp; }
.kon {/*таблица опций поиска*/
&nbsp; &nbsp; font-family: sans-serif;
&nbsp; &nbsp; margin: 0;
&nbsp; &nbsp; width: 100%;
&nbsp; &nbsp; border-collapse: collapse;
&nbsp; &nbsp; border: 0;
&nbsp; &nbsp; background: none;
&nbsp; &nbsp; background: #777;
&nbsp; &nbsp; border: 5px solid #777;
&nbsp; &nbsp; border-radius:15px;
&nbsp; &nbsp; }
.kon td {border:0;}
#water {width:180px; b0ackground:red}/*выбор месяца*/
#arow {/*закрывалка шторы поиска*/
&nbsp; &nbsp; width: 50px;
&nbsp; &nbsp; background: #777;
&nbsp; &nbsp; color: white;
&nbsp; &nbsp; }
#arow &gt; div {
&nbsp; &nbsp; background:white;
&nbsp; &nbsp; border-radius: 15px;
&nbsp; &nbsp; padding: 26px 0px;
&nbsp; &nbsp; cursor: pointer;
&nbsp; &nbsp; }
#euros,
#enots,
#nemo {
&nbsp; &nbsp; padding-left: 20px;
&nbsp; &nbsp; color: white;
&nbsp; &nbsp; }
#qr {
&nbsp; &nbsp; position: fixed;
&nbsp; &nbsp; top:-100vh;
&nbsp; &nbsp; left: 0vw;
&nbsp; &nbsp; width: 100vw;
&nbsp; &nbsp; height: 100vh;
&nbsp; &nbsp; background-color: white;
&nbsp; &nbsp; transition: .5s;
&nbsp; &nbsp; background-image: url(rodqr.png);
&nbsp; &nbsp; background-position: center 120px;
&nbsp; &nbsp; background-size: 120px 120px;
&nbsp; &nbsp; background-repeat: no-repeat;
&nbsp; &nbsp; background-attachment: local;
&nbsp; &nbsp; z-index: 12;
&nbsp; &nbsp; }
#trix0 td
&nbsp; &nbsp; {text-align:center}
#vizir {
&nbsp; &nbsp; position: fixed;
&nbsp; &nbsp; top: 0;
&nbsp; &nbsp; left: 50%;
&nbsp; &nbsp; width: 1px;
&nbsp; &nbsp; height: 1000px;
&nbsp; &nbsp; background: black;
&nbsp; &nbsp; z-index: 100;
&nbsp; &nbsp; }
#spin {
&nbsp; &nbsp; position: fixed; top:0; left:0;
&nbsp; &nbsp; padding-top: 33%;
&nbsp; &nbsp; width:100vw;
&nbsp; &nbsp; height:100vh;
&nbsp; &nbsp; background: white;
&nbsp; &nbsp; text-align: center;
&nbsp; &nbsp; font-family: sans-serif;
&nbsp; &nbsp; z-index: 101;
&nbsp; &nbsp; }
h3 {/*подписи авосек*/
&nbsp; &nbsp; margin-right:33px;
&nbsp; &nbsp; padding:0px;
&nbsp; &nbsp; font-family: sans-serif;
&nbsp; &nbsp; font-size: 0.8em;
&nbsp; &nbsp; font-weight: normal;
&nbsp; &nbsp; }
.fifa {color: red}/*недоступен в предбаннике*/
.book {/*предбанник*/
&nbsp; &nbsp; margin:auto;
&nbsp; &nbsp; position: relative;
&nbsp; &nbsp; width:fit-content;
&nbsp; &nbsp; display:flex; justify-content:center; align-items:center;
&nbsp; &nbsp; flex-wrap: wrap;
&nbsp; &nbsp; background:none;
&nbsp; &nbsp; }
.book div {
&nbsp; &nbsp; padding: 1px 2px;
&nbsp; &nbsp; }
div.wolf {background: pink;}/**/
.ice {display: none}/**/
.ice+* {background:none}/**/
.ice:checked+* {background:violet}/**/
#aist {/*портал на фемилисерч*/
&nbsp; &nbsp; position: absolute;
&nbsp; &nbsp; padding-top: 4px;
&nbsp; &nbsp; bottom: -21px;
&nbsp; &nbsp; display:grid; place-items: center;
&nbsp; &nbsp; width:25px;aspect-ratio:1;height:25px;
&nbsp; &nbsp; background: blue;
&nbsp; &nbsp; border-radius: 50%;
&nbsp; &nbsp; z-index:1;
&nbsp; &nbsp; }
#aist a {
&nbsp; &nbsp; color: white;
&nbsp; &nbsp; text-decoration: none;
&nbsp; &nbsp; }
.brat {color: blue}/**/
table#bmet {/*бук-метрика*/
&nbsp; &nbsp; width: 100%;
&nbsp; &nbsp; border: 1px solid blue;
&nbsp; &nbsp; }
.hata {border: 1px solid blue; background-color:#f0f8ff; font-size: 7px;}/**/
.hata td{border: .1px solid blue;text-align: center;}/*шапка метрзаписи*/
.fary {border: 1px solid blue; background-color:#e0ffff; font-size: 7px;}/**/
.fary td {border: .1px solid blue;text-align: left;text-align: center;}
.fary td.well {text-align: left;padding-left: 3px}/*данные метрзаписи*/
#igv {/**/
&nbsp; &nbsp; margin:auto;
&nbsp; &nbsp; display: grid;
&nbsp; &nbsp; grid-template-columns: repeat(4, 1fr);
&nbsp; &nbsp; grid-auto-rows: 30px;
&nbsp; &nbsp; width: calc( 4 * 44px );
&nbsp; &nbsp; font-size: 12px;
&nbsp; &nbsp; border:5px solid #777;
&nbsp; &nbsp; }
#igv label {
&nbsp; &nbsp; margin:2px;
&nbsp; &nbsp; padding:3px;
&nbsp; &nbsp; display:grid; place-items: center;
&nbsp; &nbsp; width: 36px;
&nbsp; &nbsp; border:1px solid white;
&nbsp; &nbsp; border-radius:12px;
&nbsp; &nbsp; background: white;
&nbsp; &nbsp; cursor: pointer;
&nbsp; &nbsp; }
#igv * input {display: none;}
#igv label:has(input:checked) {background: blue; color: white;}
#igv label span {
&nbsp; &nbsp; display: flex; justify-content: center; align-items: center;
&nbsp; &nbsp; flex-wrap: wrap;
&nbsp; &nbsp; user-select: none;
&nbsp; &nbsp; }
#igv label input:checked+span:before {content:''}
/****/
#slider {
&nbsp; &nbsp; margin: auto;width:fit-content;
&nbsp; &nbsp; display:flex; justify-content:center; align-items:center;
&nbsp; &nbsp; border: none;}
#ajak {/**/
&nbsp; &nbsp; position:relative;
&nbsp; &nbsp; padding:5px 10px 15px 10px;
&nbsp; &nbsp; transform:translate(0px, 0); background:white; color:navy;
&nbsp; &nbsp; transition:width 0s, height 0s, background-color 0s, transform 0s;
&nbsp; &nbsp; user-select:none;
&nbsp; &nbsp; box-sizing: border-box;
&nbsp; &nbsp; border-width: 0 1px;
&nbsp; &nbsp; border-color:blue;
&nbsp; &nbsp; border-style: solid;
&nbsp; &nbsp; overflow:hidden;
&nbsp; &nbsp; }
#ajak:before {/**/
&nbsp; &nbsp; position:absolute;
&nbsp; &nbsp; bottom:-5px;
&nbsp; &nbsp; left:0px;
&nbsp; &nbsp; display:inline;
&nbsp; &nbsp; width:100%;
&nbsp; &nbsp; height:20px;
&nbsp; &nbsp; overflow:hidden;
&nbsp; &nbsp; background:white;/*yellow;*/
&nbsp; &nbsp; font-family:monospace;
&nbsp; &nbsp; white-space: pre; /* Сохраняет пробелы */
&nbsp; &nbsp; content:attr(data-page);
&nbsp; &nbsp; }
#cadr{/**/
&nbsp; &nbsp; width:275px;
&nbsp; &nbsp; position:relative;
&nbsp; &nbsp; padding:1px 0;background:blue;
&nbsp; &nbsp; overflow-x: hidden;
&nbsp; &nbsp; }
.goin{/**/
&nbsp; &nbsp; width:23px; height:23px; color:white; background: navy; border-radius:50%;
&nbsp; &nbsp; font-weight:bolder;
&nbsp; &nbsp; transform: scaleY(3.5);
&nbsp; &nbsp; cursor:pointer;
&nbsp; &nbsp; }
.goin span{
&nbsp; &nbsp; transform: scale(1, 2);
&nbsp; &nbsp; line-height:1.5;
&nbsp; &nbsp; }
.gowr {
&nbsp; &nbsp; width:33px; height:55px; 
&nbsp; &nbsp; display:grid;place-items:center;
&nbsp; &nbsp; border-radius:10px;
&nbsp; &nbsp; background:navy;
&nbsp; &nbsp; overflow:hidden;
&nbsp; &nbsp; }
#scrin {background:transparent;
&nbsp; &nbsp; padding-left:1px;
&nbsp; &nbsp; padding-right:1px;
&nbsp; &nbsp; height:170px;display:flex;align-items:center;}
/***********/
#cofe {background: linear-gradient(to bottom, #777, #777 49%, #eee 51%);
&nbsp; &nbsp; height: calc(100% - 144px);}/*фон поиска*/
#krug {position:relative;width: calc(100vw - 5px); max-width: 900px;;height:135px; overflow:hidden;background:#e5e1bb}
#oppa {position:absolute;bottom:0;left:50%;padding: 0px; width:fit-content;margin:auto;
&nbsp; &nbsp; transform:translatex(-50%);}
/***********/
@media screen and (max-width: 320px) {/*на мобил полосу прокрутки убрать */
::-webkit-scrollbar {width: 0}
}
&nbsp; <span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">style</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">head</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">body</span> <span class="kw3">text</span><span class="sy0">=</span><span class="st0">&quot;black&quot;</span> <span class="kw3">bgcolor</span><span class="sy0">=</span><span class="st0">&quot;white&quot;</span> data-x<span class="sy0">=</span><span class="st0">&quot;&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;spin&quot;</span>&gt;&lt;<span class="kw2">h3</span>&gt;</span>Loading...<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">h3</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">header</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;header2&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">button</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;lux&quot;</span>&gt;</span>
<span class="sc2">&lt;svg xmlns<span class="sy0">=</span><span class="st0">&quot;http://www.w3.org/2000/svg&quot;</span> <span class="kw3">width</span><span class="sy0">=</span><span class="st0">&quot;16&quot;</span> <span class="kw3">height</span><span class="sy0">=</span><span class="st0">&quot;16&quot;</span> viewBox<span class="sy0">=</span><span class="st0">&quot;0 0 16 16&quot;</span>&gt;&lt;path fill-rule<span class="sy0">=</span><span class="st0">&quot;evenodd&quot;</span> d<span class="sy0">=</span><span class="st0">&quot;M10.91 12.806A6.964 6.964 0 017 14c-3.863 0-7-3.137-7-7s3.137-7 7-7 7 3.137 7 7a6.97 6.97 0 01-1.18 3.889l2.114 2.113a1.354 1.354 0 01-1.914 1.914l-2.11-2.11zM7 2.477A4.524 4.524 0 0111.523 7 4.524 4.524 0 017 11.523 4.524 4.524 0 012.477 7 4.524 4.524 0 017 2.477z&quot;</span> fill<span class="sy0">=</span><span class="st0">&quot;white&quot;</span>&gt;&lt;<span class="sy0">/</span>path&gt;&lt;<span class="sy0">/</span>svg&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">button</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">style</span><span class="sy0">=</span><span class="st0">&quot;display:flex&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">button</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;troy&quot;</span> <span class="kw3">onclick</span><span class="sy0">=</span><span class="st0">&quot;event.stopPropagation();//непробиваемый элемент&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;paris&quot;</span> <span class="kw3">style</span><span class="sy0">=</span><span class="st0">&quot;display:none&quot;</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">button</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">button</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;king&quot;</span> data-king<span class="sy0">=</span><span class="st0">&quot; &quot;</span>&gt;</span>
<span class="sc2">&lt;svg xmlns<span class="sy0">=</span><span class="st0">&quot;http://www.w3.org/2000/svg&quot;</span> <span class="kw3">width</span><span class="sy0">=</span><span class="st0">&quot;16&quot;</span> <span class="kw3">height</span><span class="sy0">=</span><span class="st0">&quot;16&quot;</span> fill<span class="sy0">=</span><span class="st0">&quot;white&quot;</span> viewBox<span class="sy0">=</span><span class="st0">&quot;0 0 16 16&quot;</span>&gt;</span>
&nbsp; <span class="sc2">&lt;path d<span class="sy0">=</span><span class="st0">&quot;M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5c0 .538-.012 1.05-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-1.878 2.777-2.833 3.011v2.173l1.425.356c.194.048.377.135.537.255L13.3 15.1a.5.5 0 0 1-.3.9H3a.5.5 0 0 1-.3-.9l1.838-1.379c.16-.12.343-.207.537-.255L6.5 13.11v-2.173c-.955-.234-2.043-1.146-2.833-3.012a3 3 0 1 1-1.132-5.89A33.076 33.076 0 0 1 2.5.5zm.099 2.54a2 2 0 0 0 .72 3.935c-.333-1.05-.588-2.346-.72-3.935zm10.083 3.935a2 2 0 0 0 .72-3.935c-.133 1.59-.388 2.885-.72 3.935zM3.504 1c.007.517.026 1.006.056 1.469.13 2.028.457 3.546.87 4.667C5.294 9.48 6.484 10 7 10a.5.5 0 0 1 .5.5v2.61a1 1 0 0 1-.757.97l-1.426.356a.5.5 0 0 0-.179.085L4.5 15h7l-.638-.479a.501.501 0 0 0-.18-.085l-1.425-.356a1 1 0 0 1-.757-.97V10.5A.5.5 0 0 1 9 10c.516 0 1.706-.52 2.57-2.864.413-1.12.74-2.64.87-4.667.03-.463.049-.952.056-1.469H3.504z&quot;</span><span class="sy0">/</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span>svg&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">button</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">button</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;homea&quot;</span>&gt;</span>
<span class="sc2">&lt;svg xmlns<span class="sy0">=</span><span class="st0">&quot;http://www.w3.org/2000/svg&quot;</span> <span class="kw3">width</span><span class="sy0">=</span><span class="st0">&quot;16&quot;</span> <span class="kw3">height</span><span class="sy0">=</span><span class="st0">&quot;16&quot;</span> fill<span class="sy0">=</span><span class="st0">&quot;white&quot;</span> viewBox<span class="sy0">=</span><span class="st0">&quot;0 0 16 16&quot;</span>&gt;</span>
&nbsp; <span class="sc2">&lt;path d<span class="sy0">=</span><span class="st0">&quot;M2 2h2v2H2V2Z&quot;</span><span class="sy0">/</span>&gt;</span>
&nbsp; <span class="sc2">&lt;path d<span class="sy0">=</span><span class="st0">&quot;M6 0v6H0V0h6ZM5 1H1v4h4V1ZM4 12H2v2h2v-2Z&quot;</span><span class="sy0">/</span>&gt;</span>
&nbsp; <span class="sc2">&lt;path d<span class="sy0">=</span><span class="st0">&quot;M6 10v6H0v-6h6Zm-5 1v4h4v-4H1Zm11-9h2v2h-2V2Z&quot;</span><span class="sy0">/</span>&gt;</span>
&nbsp; <span class="sc2">&lt;path d<span class="sy0">=</span><span class="st0">&quot;M10 0v6h6V0h-6Zm5 1v4h-4V1h4ZM8 1V0h1v2H8v2H7V1h1Zm0 5V4h1v2H8ZM6 8V7h1V6h1v2h1V7h5v1h-4v1H7V8H6Zm0 0v1H2V8H1v1H0V7h3v1h3Zm10 1h-1V7h1v2Zm-1 0h-1v2h2v-1h-1V9Zm-4 0h2v1h-1v1h-1V9Zm2 3v-1h-1v1h-1v1H9v1h3v-2h1Zm0 0h3v1h-2v1h-1v-2Zm-4-1v1h1v-2H7v1h2Z&quot;</span><span class="sy0">/</span>&gt;</span>
&nbsp; <span class="sc2">&lt;path d<span class="sy0">=</span><span class="st0">&quot;M7 12h1v3h4v1H7v-4Zm9 2v2h-3v-1h2v-1h1Z&quot;</span><span class="sy0">/</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span>svg&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">button</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">header</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">table</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;qadr&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">tr</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;trix1&quot;</span> data-vw<span class="sy0">=</span><span class="st0">&quot;1&quot;</span>&gt;&lt;<span class="kw2">td</span>&gt;</span>parents<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">td</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">tr</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">tr</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;trix0&quot;</span> data-vw<span class="sy0">=</span><span class="st0">&quot;1&quot;</span>&gt;&lt;<span class="kw2">td</span>&gt;</span>persone<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">td</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">tr</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">tr</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;trix77&quot;</span> data-vw<span class="sy0">=</span><span class="st0">&quot;1&quot;</span>&gt;&lt;<span class="kw2">td</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;slider&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">class</span><span class="sy0">=</span><span class="st0">&quot;gowr&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">button</span> <span class="kw3">class</span><span class="sy0">=</span><span class="st0">&quot;goin&quot;</span>&gt;&lt;<span class="kw2">span</span>&gt;</span><span class="sc1">&amp;lt;</span><span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">button</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;scrin&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;cadr&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;ajak&quot;</span> data-page<span class="sy0">=</span><span class="st0">&quot;-------------------------------------1-&quot;</span>&gt;</span>
С ужасом в город вбежав, как олени младые, трояне
Пот прохлаждали, пили и жажду свою утоляли,
Вдоль по стене на забрала склоняяся; но аргивяне
Под стену прямо неслися, щиты к раменам преклонивши.
<span class="sc2">&lt;<span class="kw2">br</span>&gt;</span>5 Гектор же в оное время, как скованный гибельным роком,
В поле остался один перед Троей и башнею Скейской.
Бог Аполлон между тем провещал к Пелейону герою:
«Что ты меня, о Пелид, уповая на быстрые ноги,
Смертный, преследуешь бога бессмертного? Или доселе
<span class="sc2">&lt;<span class="kw2">br</span>&gt;</span>10 Бога во мне не узнал, что без отдыха пышешь свирепством?
Ты пренебрег и опасность троян, пораженных тобою:
Скрылись они уже в стены; а ты здесь по полю рыщешь.
Но отступи; не убьешь ты меня, не причастен я смерти».
Вспыхнувши гневом, ему отвечал Ахиллес быстроногий:
<span class="sc2">&lt;<span class="kw2">br</span>&gt;</span>15 «Так, обманул ты меня, о зловреднейший между богами!
В поле отвлек от стены! Без сомнения, многим еще бы
Землю зубами глодать до того, как сокрылися в Трою!
Славы прекрасной меня ты лишил; а сынов Илиона
Спас без труда, ничьего не страшася отмщения после…
<span class="sc2">&lt;<span class="kw2">br</span>&gt;</span>20 Я отомстил бы тебе, когда б то возможно мне было!»
Так произнес он — и к граду с решимостью гордой понесся,
Бурный, как конь с колесницей, всегда победительный в беге,
Быстро несется к мете, расстилаясь по чистому полю, —
Так Ахиллес оборачивал быстро могучие ноги.
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">class</span><span class="sy0">=</span><span class="st0">&quot;gowr&quot;</span>&gt;</span>
&nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">button</span> <span class="kw3">class</span><span class="sy0">=</span><span class="st0">&quot;goin&quot;</span>&gt;&lt;<span class="kw2">span</span>&gt;</span><span class="sc1">&amp;gt;</span><span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">button</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">td</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">tr</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">tr</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;trix8&quot;</span> data-vw<span class="sy0">=</span><span class="st0">&quot;1&quot;</span>&gt;&lt;<span class="kw2">td</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;krug&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;oppa&quot;</span> aria-<span class="kw3">label</span><span class="sy0">=</span><span class="st0">&quot;оправа&quot;</span>&gt;</span>
<span class="sc2">&lt;svg &nbsp; <span class="kw3">width</span><span class="sy0">=</span><span class="st0">&quot;220&quot;</span> <span class="kw3">height</span><span class="sy0">=</span><span class="st0">&quot;160&quot;</span> viewBox<span class="sy0">=</span><span class="st0">&quot;0 0 335 240&quot;</span> fill<span class="sy0">=</span><span class="st0">&quot;#e5e1bb&quot;</span> <span class="kw3">style</span><span class="sy0">=</span><span class="st0">&quot;display:block&quot;</span>&gt;</span>
<span class="sc2">&lt;rect x<span class="sy0">=</span><span class="st0">&quot;0&quot;</span> y<span class="sy0">=</span><span class="st0">&quot;0&quot;</span> <span class="kw3">width</span><span class="sy0">=</span><span class="st0">&quot;100%&quot;</span> <span class="kw3">height</span><span class="sy0">=</span><span class="st0">&quot;100%&quot;</span><span class="sy0">/</span>&gt;</span>
<span class="sc2">&lt;g <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;bush&quot;</span>&gt;&lt;<span class="sy0">/</span>g&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span>svg&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">td</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">tr</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">tr</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;trix2&quot;</span> data-vw<span class="sy0">=</span><span class="st0">&quot;1&quot;</span>&gt;&lt;<span class="kw2">td</span>&gt;</span>brower<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">td</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">tr</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">tr</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;trix3&quot;</span> data-vw<span class="sy0">=</span><span class="st0">&quot;1&quot;</span>&gt;&lt;<span class="kw2">td</span>&gt;</span>husb<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">td</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">tr</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">tr</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;trix4&quot;</span> data-vw<span class="sy0">=</span><span class="st0">&quot;1&quot;</span>&gt;&lt;<span class="kw2">td</span>&gt;</span>childs<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">td</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">tr</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">tr</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;trix5&quot;</span> data-vw<span class="sy0">=</span><span class="st0">&quot;1&quot;</span>&gt;&lt;<span class="kw2">td</span>&gt;</span>mb-link<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">td</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">tr</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">tr</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;trix7&quot;</span> data-vw<span class="sy0">=</span><span class="st0">&quot;1&quot;</span>&gt;&lt;<span class="kw2">td</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;jsit&quot;</span>&gt;</span>peit<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">td</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">tr</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">table</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;serw&quot;</span>&gt;</span>
&nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">style</span><span class="sy0">=</span><span class="st0">&quot;background: linear-gradient(to top, #777, #777 49%, white 51%)&quot;</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;amor&quot;</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;text&quot;</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;ivan&quot;</span> <span class="kw3">placeholder</span><span class="sy0">=</span><span class="st0">&quot;Итака&quot;</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">button</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;syyr&quot;</span>&gt;&lt;<span class="kw2">strong</span>&gt;</span>Search<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">strong</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">button</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
&nbsp; &nbsp; <span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">table</span> <span class="kw3">class</span><span class="sy0">=</span><span class="st0">&quot;kon&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">tbody</span>&gt;&lt;<span class="kw2">tr</span>&gt;&lt;<span class="kw2">td</span> <span class="kw3">rowspan</span><span class="sy0">=</span><span class="st0">&quot;3&quot;</span> <span class="kw3">valign</span><span class="sy0">=</span><span class="st0">&quot;middle&quot;</span> <span class="kw3">align</span><span class="sy0">=</span><span class="st0">&quot;center&quot;</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;arow&quot;</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">style</span><span class="sy0">=</span><span class="st0">&quot;display:grid; place-items:center;overflow:hidden&quot;</span>&gt;</span> &nbsp;
&nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">button</span> <span class="kw3">class</span><span class="sy0">=</span><span class="st0">&quot;goin&quot;</span> <span class="kw3">style</span><span class="sy0">=</span><span class="st0">&quot;display: block;transform: scale(3,6);&quot;</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">span</span>&gt;</span><span class="sc1">&amp;gt;</span><span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;</span>
&nbsp; &nbsp; <span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">button</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">td</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">td</span>&gt;&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;enots&quot;</span>&gt;&lt;<span class="kw2">label</span>&gt;&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;checkbox&quot;</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;enot&quot;</span> <span class="kw3">checked</span><span class="sy0">=</span><span class="st0">&quot;&quot;</span>&gt;</span> с фото<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">label</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">td</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">td</span> <span class="kw3">rowspan</span><span class="sy0">=</span><span class="st0">&quot;3&quot;</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;water&quot;</span>&gt;</span>
&nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">form</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;igv&quot;</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">label</span>&gt;&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;radio&quot;</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;mist&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;JAN&quot;</span>&gt;&lt;<span class="kw2">span</span>&gt;</span>янв<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">label</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">label</span>&gt;&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;radio&quot;</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;mist&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;FEB&quot;</span>&gt;&lt;<span class="kw2">span</span>&gt;</span>фев<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">label</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">label</span>&gt;&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;radio&quot;</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;mist&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;MAR&quot;</span>&gt;&lt;<span class="kw2">span</span>&gt;</span>март<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">label</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">label</span>&gt;&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;radio&quot;</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;mist&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;APR&quot;</span>&gt;&lt;<span class="kw2">span</span>&gt;</span>апр<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">label</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">label</span>&gt;&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;radio&quot;</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;mist&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;MAY&quot;</span>&gt;&lt;<span class="kw2">span</span>&gt;</span>май<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">label</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">label</span>&gt;&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;radio&quot;</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;mist&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;JUN&quot;</span>&gt;&lt;<span class="kw2">span</span>&gt;</span>июнь<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">label</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">label</span>&gt;&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;radio&quot;</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;mist&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;JUL&quot;</span>&gt;&lt;<span class="kw2">span</span>&gt;</span>июль<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">label</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">label</span>&gt;&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;radio&quot;</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;mist&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;AUG&quot;</span>&gt;&lt;<span class="kw2">span</span>&gt;</span>авг<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">label</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">label</span>&gt;&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;radio&quot;</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;mist&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;SEP&quot;</span>&gt;&lt;<span class="kw2">span</span>&gt;</span>сент<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">label</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">label</span>&gt;&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;radio&quot;</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;mist&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;OCT&quot;</span>&gt;&lt;<span class="kw2">span</span>&gt;</span>окт<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">label</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">label</span>&gt;&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;radio&quot;</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;mist&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;NOV&quot;</span>&gt;&lt;<span class="kw2">span</span>&gt;</span>нояб<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">label</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">label</span>&gt;&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;radio&quot;</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;mist&quot;</span> <span class="kw3">value</span><span class="sy0">=</span><span class="st0">&quot;DEC&quot;</span>&gt;&lt;<span class="kw2">span</span>&gt;</span>дек<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">label</span>&gt;</span>
&nbsp; &nbsp; <span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">form</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">td</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">tr</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">tr</span>&gt;&lt;<span class="kw2">td</span>&gt;&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;euros&quot;</span>&gt;&lt;<span class="kw2">label</span>&gt;&lt;<span class="kw2">input</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;checkbox&quot;</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;euro&quot;</span> <span class="kw3">checked</span><span class="sy0">=</span><span class="st0">&quot;&quot;</span>&gt;</span> в датах<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">label</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">td</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">tr</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">tr</span>&gt;&lt;<span class="kw2">td</span>&gt;&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;nemo&quot;</span>&gt;</span>Найдено: 106<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">td</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">tr</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">tbody</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">table</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;cofe&quot;</span>&gt;</span><span class="sc-1">&lt;!-- фон поиска --&gt;</span>
&nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;gimo&quot;</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span><span class="sc-1">&lt;!-- найденное поиском --&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;qr&quot;</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">div</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;krop&quot;</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">div</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">span</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;more&quot;</span> <span class="kw3">style</span><span class="sy0">=</span><span class="st0">&quot;font-family:monospace;padding:0;background:lime;visibility:hidden&quot;</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">span</span> <span class="kw3">id</span><span class="sy0">=</span><span class="st0">&quot;mored&quot;</span> <span class="kw3">style</span><span class="sy0">=</span><span class="st0">&quot;display: none&quot;</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">span</span>&gt;</span>
<span class="sc2">&lt;<span class="kw2">script</span> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">&quot;data42.js&quot;</span>&gt;&lt;<span class="sy0">/</span><span class="kw2">script</span>&gt;</span></pre></td></tr></table></div></td></tr></tbody></table></div><div class="codeblock"><table class="javascript"><thead><tr><td colspan="2" id="867714011"  class="head">JavaScript</td></tr></thead><tbody><tr class="li1"><td><div id="867714011" style="height: 350px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
</pre></td><td class="de1"><pre class="de1"><span class="st0">'use strict'</span><span class="sy0">;</span>
let i<span class="sy0">;</span><span class="kw1">for</span><span class="br0">&#40;</span>i <span class="kw1">in</span> coor<span class="br0">&#91;</span><span class="st0">'iny'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#123;</span><span class="br0">&#125;</span>
let j<span class="sy0">;</span><span class="kw1">for</span><span class="br0">&#40;</span>j <span class="kw1">in</span> coor<span class="br0">&#91;</span><span class="st0">'fmy'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#123;</span><span class="br0">&#125;</span>
coor.<span class="me1">NumMan</span><span class="sy0">=+</span>i<span class="sy0">+</span><span class="nu0">1</span><span class="sy0">;</span>
coor.<span class="me1">NumF1m</span><span class="sy0">=+</span>j<span class="sy0">+</span><span class="nu0">1</span><span class="sy0">;</span>
<span class="co1">//-*-------исбавление от лишних тегов</span>
indi<span class="sy0">=</span>indi.<span class="me1">map</span><span class="br0">&#40;</span><span class="br0">&#40;</span>c<span class="sy0">,</span>i<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span><span class="kw1">if</span><span class="br0">&#40;</span>c<span class="br0">&#41;</span>c<span class="br0">&#91;</span><span class="st0">'INDI'</span><span class="br0">&#93;</span><span class="sy0">=</span>i<span class="sy0">+</span><span class="nu0">1</span><span class="sy0">;</span> <span class="kw1">return</span> c<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">//тяжело в рантайме, легко в хранении</span>
let capi<span class="sy0">=</span><span class="br0">&#123;</span>
r<span class="sy0">:</span>
&nbsp; &nbsp; <span class="st0">'&lt;tr class=&quot;hata&quot;&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td colspan=&quot;2&quot;&gt;Счет рожд.&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td colspan=&quot;2&quot;&gt;Месяц и день&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td rowspan=&quot;2&quot;&gt;Имена родившихся&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td rowspan=&quot;2&quot;&gt;Звание, имя, отчество и фамилия родителей и какого вероисповедания&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td rowspan=&quot;2&quot;&gt;Звание, имя, отчество и фамилия восприемников&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;/tr&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;tr class=&quot;hata&quot;&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Муж.&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Жен.&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Рождение&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Крещение&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;/tr&gt;<span class="es0">\n</span>'</span><span class="sy0">,</span>
m<span class="sy0">:</span>
&nbsp; &nbsp; <span class="st0">'&lt;tr class=&quot;hata&quot;&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Счет браков&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Месяц и день&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Званине, имя, отчество, фамилия и вероисповедание жениха, и которым браком&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Лета жениха&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Званине, имя, отчество, фамилия и вероисповедание невесты, и которым браком&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Лета невесты&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Кто был поручителем&lt;br&gt;&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;/tr&gt;<span class="es0">\n</span>'</span><span class="sy0">,</span>
d<span class="sy0">:</span>
&nbsp; &nbsp; <span class="st0">'&lt;tr class=&quot;hata&quot;&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td colspan=&quot;2&quot;&gt;Счет умерших&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td colspan=&quot;2&quot;&gt;Месяц и день&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td rowspan=&quot;2&quot;&gt;Звание, имя, отчество и фамилия умершего&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td colspan=&quot;2&quot;&gt;Лета умершего&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td rowspan=&quot;2&quot;&gt;От чего умер&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;/tr&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;tr class=&quot;hata&quot;&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Муж&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Жен&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Смерти&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Погребения&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Муж &lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;td&gt;Жен&lt;br&gt;&lt;/td&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; <span class="st0">'&lt;/tr&gt;<span class="es0">\n</span>'</span><span class="sy0">,</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
let tgram<span class="sy0">=</span><span class="nu0">40</span><span class="sy0">;</span><span class="co1">// стартовая цена в символах</span>
let mores<span class="sy0">;</span>
let arshin<span class="sy0">;</span>
while<span class="br0">&#40;</span><span class="kw2">true</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; mores<span class="sy0">=</span><span class="st0">''</span>.<span class="me1">padStart</span><span class="br0">&#40;</span>tgram<span class="sy0">,</span><span class="st0">'-'</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">//280</span>
&nbsp; &nbsp; more.<span class="me1">innerHTML</span><span class="sy0">=</span>mores<span class="sy0">;</span>
&nbsp; &nbsp; arshin<span class="sy0">=</span>more.<span class="me1">offsetWidth</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>arshin<span class="sy0">&lt;=</span><span class="nu0">280</span><span class="br0">&#41;</span><span class="kw1">break</span><span class="sy0">;</span>
&nbsp; &nbsp; tgram<span class="sy0">--;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
mored.<span class="me1">innerHTML</span><span class="sy0">=</span>arshin<span class="sy0">;</span>
cadr.<span class="me1">style</span>.<span class="me1">width</span><span class="sy0">=</span>arshin<span class="sy0">+</span><span class="st0">'px'</span><span class="sy0">;</span>
let alis<span class="sy0">;</span>
alis<span class="sy0">=</span>indi.<span class="me1">map</span><span class="br0">&#40;</span><span class="br0">&#40;</span>c<span class="sy0">,</span>i<span class="br0">&#41;</span><span class="sy0">=&gt;</span>i<span class="br0">&#41;</span>.<span class="me1">filter</span><span class="br0">&#40;</span>c<span class="sy0">=&gt;</span>c<span class="sy0">+</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">// разрешенные люди</span>
let soky<span class="sy0">=</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">;</span>
<span class="co1">///const y320=-1200;//0;//-200; // смещение по у карты</span>
<span class="co1">///coor['iny']=coor['iny'].map(c=&gt;{return {x:c.x,y:c.y-400,w:c.w,h:c.h,}});</span>
<span class="kw1">var</span> syn<span class="sy0">;</span><span class="co1">//=false; // видимость синего древа</span>
syn<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span>
<span class="kw1">var</span> dna<span class="sy0">;</span> <span class="co1">// содержимое gump aka найденное</span>
<span class="co1">//***********************</span>
<span class="co1">// для самопального слайдера</span>
let vi<span class="sy0">=</span><span class="nu0">0</span><span class="sy0">;</span>
let md<span class="sy0">=</span><span class="kw2">false</span><span class="sy0">;</span>
let xp<span class="sy0">=</span><span class="nu0">0</span><span class="sy0">;</span>
let num<span class="sy0">=</span><span class="nu0">1</span><span class="sy0">;</span>
let step<span class="sy0">=</span><span class="nu0">0</span><span class="sy0">;</span>
<span class="kw1">const</span> goes<span class="sy0">=</span><span class="br0">&#91;</span>...<span class="me1">document</span>.<span class="me1">querySelectorAll</span><span class="br0">&#40;</span><span class="st0">'.goin'</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="sy0">;</span><span class="co1">// листалка к слайдеру</span>
<span class="co1">//.map(c=&gt;c.parentElement)</span>
<span class="co1">//**********************</span>
let neon<span class="sy0">=</span><span class="kw2">false</span><span class="sy0">;</span> <span class="co1">// избранная персона</span>
let cur<span class="sy0">=</span>curry<span class="br0">&#40;</span>baseman<span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">// курсор персон</span>
let okur<span class="sy0">=</span>cur<span class="sy0">;</span>
<span class="co1">///*****************************************************bro</span>
let fen<span class="sy0">=</span><span class="kw2">false</span><span class="sy0">;</span>
<span class="kw1">const</span> allfam<span class="sy0">=</span>x<span class="sy0">=&gt;</span>indi<span class="br0">&#91;</span>x<span class="br0">&#93;</span><span class="sy0">?</span>
&nbsp; &nbsp; <span class="br0">&#91;</span>indi<span class="br0">&#91;</span>x<span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'FAMC'</span><span class="br0">&#93;</span><span class="br0">&#93;</span>.<span class="me1">concat</span><span class="br0">&#40;</span>indi<span class="br0">&#91;</span>x<span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'FAMS'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">:</span>
&nbsp; &nbsp; <span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">;</span>
<span class="kw1">const</span> allman<span class="sy0">=</span>x<span class="sy0">=&gt;</span><span class="br0">&#91;</span>fams<span class="br0">&#91;</span>x<span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'HUSB'</span><span class="br0">&#93;</span><span class="sy0">,</span>fams<span class="br0">&#91;</span>x<span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'WIFE'</span><span class="br0">&#93;</span><span class="br0">&#93;</span>.<span class="me1">concat</span><span class="br0">&#40;</span>fams<span class="br0">&#91;</span>x<span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'CHIL'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="kw1">function</span> Zolo<span class="br0">&#40;</span>d<span class="br0">&#41;</span><span class="br0">&#123;</span> <span class="co1">// резервные слова в пути</span>
&nbsp; &nbsp; let f<span class="sy0">=</span>fen<span class="sy0">;</span>
&nbsp; &nbsp; fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>d<span class="sy0">==</span><span class="st0">'pq'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'свёкор '</span><span class="sy0">,</span><span class="st0">'свёкора '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="sy0">;</span><span class="co1">// &nbsp;свекор</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>d<span class="sy0">==</span><span class="st0">'Pq'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'свекровь '</span><span class="sy0">,</span><span class="st0">'свекрови '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="sy0">;</span><span class="co1">// свекровь</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>d<span class="sy0">==</span><span class="st0">'pQ'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'тесть '</span><span class="sy0">,</span><span class="st0">'тестя '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="sy0">;</span><span class="co1">// тесть</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>d<span class="sy0">==</span><span class="st0">'PQ'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'тёща '</span><span class="sy0">,</span><span class="st0">'тёщи '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="sy0">;</span> <span class="co1">// теща</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>d<span class="sy0">==</span><span class="st0">'Bq'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'золовка '</span><span class="sy0">,</span><span class="st0">'золовки '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="sy0">;</span> <span class="co1">// золовка</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>d<span class="sy0">==</span><span class="st0">'bQ'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'шурин '</span><span class="sy0">,</span><span class="st0">'шурина '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="sy0">;</span><span class="co1">//'шурин'</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>d<span class="sy0">==</span><span class="st0">'BQ'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'свояченица '</span><span class="sy0">,</span><span class="st0">'свояченицы '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="sy0">;</span> <span class="co1">// сестрра жены (свояченица)</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>d<span class="sy0">==</span><span class="st0">'bq'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'деверь '</span><span class="sy0">,</span><span class="st0">'деверя '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="sy0">;</span> <span class="co1">// брат мужа (деверь)</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>d<span class="sy0">==</span><span class="st0">'qB'</span><span class="sy0">||</span>d<span class="sy0">==</span><span class="st0">'qS'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'зять '</span><span class="sy0">,</span><span class="st0">'зятя '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="sy0">;</span><span class="co1">// муж сестры, муж дочери (зять)</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>d<span class="sy0">==</span><span class="st0">'Qs'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'невестка '</span><span class="sy0">,</span><span class="st0">'невестки '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="sy0">;</span> <span class="co1">// жена сына (сноха)</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>d<span class="sy0">==</span><span class="st0">'Q'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'жена '</span><span class="sy0">,</span><span class="st0">'жены '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="sy0">;</span> <span class="co1">// жена</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>d<span class="sy0">==</span><span class="st0">'q'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'муж '</span><span class="sy0">,</span><span class="st0">'мужа '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="sy0">;</span> <span class="co1">// муж</span>
&nbsp; &nbsp; fen<span class="sy0">=</span>f<span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">return</span> <span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="kw1">function</span> Kinder<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="co1">// резервные слова в пути</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>x<span class="sy0">==</span><span class="st0">'qBQ'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'свояк '</span><span class="sy0">,</span><span class="st0">'свояка '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span><span class="co1">// свояк</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>x<span class="sy0">==</span><span class="st0">'Qbq'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'сношеница '</span><span class="sy0">,</span><span class="st0">'сношеницы '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span> <span class="co1">// сношеница</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>x<span class="sy0">==</span><span class="st0">'PqS'</span><span class="sy0">||</span>x<span class="sy0">==</span><span class="st0">'PQs'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'сватья '</span><span class="sy0">,</span><span class="st0">'сватьи '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span> <span class="co1">// сватья</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>x<span class="sy0">==</span><span class="st0">'pqS'</span><span class="sy0">||</span>x<span class="sy0">==</span><span class="st0">'pQs'</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'сват '</span><span class="sy0">,</span><span class="st0">'свата '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span><span class="co1">// &nbsp;сват</span>
&nbsp; &nbsp; <span class="kw1">return</span> <span class="st0">''</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="kw1">function</span> Split<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span> <span class="co1">// кромсает путь на куски</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span><span class="sy0">!</span>x<span class="br0">&#41;</span><span class="kw1">return</span> <span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; let s<span class="sy0">=</span>x.<span class="me1">toUpperCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; let i<span class="sy0">=</span>s.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'Q'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>i<span class="sy0">&gt;-</span><span class="nu0">1</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>i<span class="sy0">==</span><span class="nu0">0</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; s<span class="sy0">=</span><span class="st0">'0'</span><span class="sy0">+</span>s.<span class="me1">slice</span><span class="br0">&#40;</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; i<span class="sy0">=</span>s.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'Q'</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">// ищу второй брак</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>i<span class="sy0">==-</span><span class="nu0">1</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> x<span class="co1">// только один</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> x.<span class="me1">slice</span><span class="br0">&#40;</span><span class="nu0">0</span><span class="sy0">,</span>i<span class="br0">&#41;</span><span class="sy0">;</span> <span class="co1">// обрезать вплотную ко второму браку</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span><span class="kw1">return</span> x.<span class="me1">slice</span><span class="br0">&#40;</span><span class="nu0">0</span><span class="sy0">,</span>i<span class="sy0">+</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#125;</span> <span class="co1">// если начинается не с брака, наприм pppQs</span>
&nbsp; &nbsp; <span class="kw1">return</span> x<span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="kw1">function</span> PraPraPra<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="kw1">return</span> <span class="st0">'пра'</span>.<span class="me1">repeat</span><span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#125;</span>
<span class="kw1">function</span> Urok<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; let p<span class="sy0">=</span>x.<span class="me1">toUpperCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span>.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'B'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>p<span class="sy0">&gt;-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; let i<span class="sy0">=</span>Floor<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> i<span class="sy0">+</span>p<span class="sy0">+</span>Fluid<span class="br0">&#40;</span>i<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">return</span> <span class="nu0">0</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="kw1">function</span> NumberS<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="kw1">return</span> <span class="br0">&#40;</span>x.<span class="me1">match</span><span class="br0">&#40;</span><span class="co2">/s/gi</span><span class="br0">&#41;</span><span class="sy0">||</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="br0">&#41;</span>.<span class="me1">length</span><span class="sy0">;</span><span class="br0">&#125;</span>
<span class="kw1">function</span> NumberP<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="kw1">return</span> <span class="br0">&#40;</span>x.<span class="me1">match</span><span class="br0">&#40;</span><span class="co2">/p/gi</span><span class="br0">&#41;</span><span class="sy0">||</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="br0">&#41;</span>.<span class="me1">length</span><span class="sy0">;</span><span class="br0">&#125;</span>
<span class="kw1">function</span> Floor<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="kw1">return</span> NumberP<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">-</span>NumberS<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#125;</span>
<span class="kw1">function</span> Fluid<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x<span class="sy0">==</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="sy0">-</span><span class="nu0">1</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x<span class="sy0">&gt;</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="sy0">-</span>x<span class="sy0">+</span><span class="nu0">1</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x<span class="sy0">&lt;-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="nu0">1</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">return</span> <span class="nu0">0</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="kw1">function</span> Nativ<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; let ur<span class="sy0">=</span>Urok<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>.<span class="me1">toUpperCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">===</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">switch</span> <span class="br0">&#40;</span>ur<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="nu0">0</span><span class="sy0">:</span><span class="kw1">return</span> <span class="st0">''</span><span class="sy0">;</span><span class="co1">//['родная ','родной ']</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="nu0">1</span><span class="sy0">:</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'двоюродная '</span><span class="sy0">,</span><span class="st0">'двоюродной '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="nu0">2</span><span class="sy0">:</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'троюродная '</span><span class="sy0">,</span><span class="st0">'троюродной '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="nu0">3</span><span class="sy0">:</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'четвеюродная '</span><span class="sy0">,</span><span class="st0">'четвеюродной '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="nu0">4</span><span class="sy0">:</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'пятиюродная '</span><span class="sy0">,</span><span class="st0">'пятиюродной '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="nu0">5</span><span class="sy0">:</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'шестиюродная '</span><span class="sy0">,</span><span class="st0">'шестиюродной '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="nu0">6</span><span class="sy0">:</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'семиюродная '</span><span class="sy0">,</span><span class="st0">'семиюродной '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">default</span><span class="sy0">:</span> <span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'дальняя '</span><span class="sy0">,</span><span class="st0">'дальней '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">switch</span> <span class="br0">&#40;</span>ur<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="nu0">0</span><span class="sy0">:</span><span class="kw1">return</span> <span class="st0">''</span><span class="sy0">;</span><span class="co1">//['родной ','родного ']</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="nu0">1</span><span class="sy0">:</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'двоюродный '</span><span class="sy0">,</span><span class="st0">'двоюродного '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="nu0">2</span><span class="sy0">:</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'троюродный '</span><span class="sy0">,</span><span class="st0">'троюродного '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="nu0">3</span><span class="sy0">:</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'четвеюродный '</span><span class="sy0">,</span><span class="st0">'четвеюродного '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="nu0">4</span><span class="sy0">:</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'пятиюродный '</span><span class="sy0">,</span><span class="st0">'пятиюродного '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="nu0">5</span><span class="sy0">:</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'шестиюродный '</span><span class="sy0">,</span><span class="st0">'шестиюродного '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="nu0">6</span><span class="sy0">:</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'семиюродный '</span><span class="sy0">,</span><span class="st0">'семиюродного '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">default</span><span class="sy0">:</span> <span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'дальний '</span><span class="sy0">,</span><span class="st0">'дальнего '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>fen<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="kw1">function</span> PraGen<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; let k<span class="sy0">=</span>NumberS<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">-</span>NumberP<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">return</span> <span class="br0">&#40;</span><span class="kw4">Math</span>.<span class="me1">abs</span><span class="br0">&#40;</span>k<span class="br0">&#41;</span><span class="sy0">&gt;</span><span class="nu0">2</span><span class="br0">&#41;</span><span class="sy0">?</span>PraPraPra<span class="br0">&#40;</span><span class="kw4">Math</span>.<span class="me1">abs</span><span class="br0">&#40;</span><span class="kw4">Math</span>.<span class="me1">abs</span><span class="br0">&#40;</span>k<span class="br0">&#41;</span><span class="sy0">-</span><span class="nu0">2</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">:</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="kw1">function</span> Who<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; let f<span class="sy0">=</span>fen<span class="sy0">;</span>
&nbsp; &nbsp; let s<span class="sy0">=</span>x.<span class="me1">toUpperCase</span><span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; let j<span class="sy0">=</span>Floor<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>.<span class="me1">toUpperCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">===</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>s.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'B'</span><span class="br0">&#41;</span><span class="sy0">&gt;-</span><span class="nu0">1</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">&gt;</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'бабка '</span><span class="sy0">,</span><span class="st0">'бабки '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">&lt;-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'внучка '</span><span class="sy0">,</span><span class="st0">'внучки '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">==</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'тётка '</span><span class="sy0">,</span><span class="st0">'тётки '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">==</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'сестра '</span><span class="sy0">,</span><span class="st0">'сестры '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">==-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'племянница '</span><span class="sy0">,</span><span class="st0">'племянницы '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">&gt;</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'бабка '</span><span class="sy0">,</span><span class="st0">'бабки '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">&lt;-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'внучка '</span><span class="sy0">,</span><span class="st0">'внучки '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">==</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'мать '</span><span class="sy0">,</span><span class="st0">'матери '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">==</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'сестра '</span><span class="sy0">,</span><span class="st0">'сестры '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">==-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'дочь '</span><span class="sy0">,</span><span class="st0">'дочери '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>s.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'B'</span><span class="br0">&#41;</span><span class="sy0">&gt;-</span><span class="nu0">1</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">&gt;</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'дед '</span><span class="sy0">,</span><span class="st0">'деда '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">&lt;-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'внук '</span><span class="sy0">,</span><span class="st0">'внука '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">==</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'дядя '</span><span class="sy0">,</span><span class="st0">'дяди '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">==</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'брат '</span><span class="sy0">,</span><span class="st0">'брата '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">==-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'племянник '</span><span class="sy0">,</span><span class="st0">'племянника '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">&gt;</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'дед '</span><span class="sy0">,</span><span class="st0">'деда '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">&lt;-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'внук '</span><span class="sy0">,</span><span class="st0">'внука '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">==</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'отец '</span><span class="sy0">,</span><span class="st0">'отца '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">==</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'брат '</span><span class="sy0">,</span><span class="st0">'брата '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="sy0">==-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span><span class="kw1">return</span> <span class="br0">&#91;</span><span class="st0">'сын '</span><span class="sy0">,</span><span class="st0">'сына '</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>f<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="kw1">function</span> Sum<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="kw1">return</span> Nativ<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">+</span>PraGen<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">+</span>Who<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">;</span><span class="br0">&#125;</span>
<span class="kw1">function</span> Part<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; let s<span class="sy0">,</span> pref<span class="sy0">,</span>coref<span class="sy0">,</span>postf<span class="sy0">,</span>i<span class="sy0">,</span>d<span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span><span class="sy0">!</span>x<span class="br0">&#41;</span><span class="kw1">return</span> <span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; s<span class="sy0">=</span>x.<span class="me1">toUpperCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; d<span class="sy0">=</span>Zolo<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">;</span> <span class="kw1">if</span><span class="br0">&#40;</span>d<span class="br0">&#41;</span> <span class="kw1">return</span> d<span class="sy0">;</span>
&nbsp; &nbsp; i<span class="sy0">=</span>s.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'Q'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>i<span class="sy0">&gt;-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>s<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="sy0">===</span><span class="st0">'Q'</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; pref<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="sy0">;</span> <span class="co1">// брак</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; coref<span class="sy0">=</span>x.<span class="me1">slice</span><span class="br0">&#40;</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; postf<span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; pref<span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; coref<span class="sy0">=</span>x.<span class="me1">slice</span><span class="br0">&#40;</span><span class="nu0">0</span><span class="sy0">,-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; postf<span class="sy0">=</span>x.<span class="me1">slice</span><span class="br0">&#40;</span><span class="sy0">-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="co1">// брак</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; pref<span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; coref<span class="sy0">=</span>x<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; postf<span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; i<span class="sy0">=</span>coref.<span class="me1">toUpperCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span>.<span class="me1">indexOf</span><span class="br0">&#40;</span><span class="st0">'SP'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>i<span class="sy0">&gt;-</span><span class="nu0">1</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>coref<span class="br0">&#91;</span>i<span class="br0">&#93;</span><span class="sy0">==</span><span class="st0">'S'</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>coref<span class="sy0">=</span>coref.<span class="me1">slice</span><span class="br0">&#40;</span><span class="nu0">0</span><span class="sy0">,</span>i<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'B'</span><span class="sy0">+</span>coref.<span class="me1">slice</span><span class="br0">&#40;</span>i<span class="sy0">+</span><span class="nu0">2</span><span class="br0">&#41;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>coref<span class="sy0">=</span>coref.<span class="me1">slice</span><span class="br0">&#40;</span><span class="nu0">0</span><span class="sy0">,</span>i<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'b'</span><span class="sy0">+</span>coref.<span class="me1">slice</span><span class="br0">&#40;</span>i<span class="sy0">+</span><span class="nu0">2</span><span class="br0">&#41;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">return</span> Zolo<span class="br0">&#40;</span>pref<span class="br0">&#41;</span><span class="sy0">+</span>Sum<span class="br0">&#40;</span>coref<span class="br0">&#41;</span><span class="sy0">+</span>Zolo<span class="br0">&#40;</span>postf<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="kw1">function</span> rode<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; let d<span class="sy0">=</span><span class="st0">''</span><span class="sy0">,</span>s<span class="sy0">,</span>e<span class="sy0">;</span>
&nbsp; &nbsp; fen<span class="sy0">=</span><span class="kw2">false</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x.<span class="me1">length</span><span class="sy0">==</span><span class="nu0">3</span><span class="br0">&#41;</span><span class="br0">&#123;</span> <span class="co1">// сватьи сваты свояки сношеницы</span>
&nbsp; &nbsp; &nbsp; &nbsp; d<span class="sy0">=</span>Kinder<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>d<span class="br0">&#41;</span> <span class="kw1">return</span> d<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; while <span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; s<span class="sy0">=</span>Split<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">;</span> &nbsp; <span class="co1">// взять очередной кусок</span>
&nbsp; &nbsp; &nbsp; &nbsp; e<span class="sy0">=</span>Part<span class="br0">&#40;</span>s<span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">//дешифровать его</span>
&nbsp; &nbsp; &nbsp; &nbsp; d<span class="sy0">+=</span>e<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; fen<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">=</span>x.<span class="me1">slice</span><span class="br0">&#40;</span>s.<span class="me1">length</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">return</span> d.<span class="me1">trim</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="kw1">function</span> brat<span class="br0">&#40;</span>h1<span class="sy0">,</span>h2<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; let rz<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span>
&nbsp; &nbsp; let ai<span class="sy0">=</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; let m2<span class="sy0">=</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; let b2<span class="sy0">=</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; let nmk<span class="sy0">=</span><span class="nu0">1</span><span class="sy0">;</span>
&nbsp; &nbsp; let mk<span class="sy0">=</span><span class="br0">&#91;</span><span class="br0">&#123;</span>x<span class="sy0">:</span>h1<span class="sy0">,</span>y<span class="sy0">:</span><span class="nu0">1</span><span class="br0">&#125;</span><span class="sy0">,</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; let i<span class="sy0">=</span><span class="nu0">0</span><span class="sy0">;</span> <span class="co1">// номер обьекта</span>
&nbsp; &nbsp; let j<span class="sy0">=</span><span class="nu0">666</span><span class="sy0">;</span><span class="co1">// удаленность обьекта</span>
&nbsp; &nbsp; m2<span class="br0">&#91;</span>h1<span class="br0">&#93;</span><span class="sy0">=</span>j<span class="sy0">;</span>
&nbsp; &nbsp; while<span class="br0">&#40;</span>i<span class="sy0">&lt;</span>mk.<span class="me1">length</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>mk<span class="br0">&#91;</span>i<span class="br0">&#93;</span>.<span class="me1">y</span><span class="sy0">==</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span><span class="co1">// персона</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ai<span class="sy0">=</span>allfam<span class="br0">&#40;</span>mk<span class="br0">&#91;</span>i<span class="br0">&#93;</span>.<span class="me1">x</span><span class="br0">&#41;</span><span class="sy0">;</span> &nbsp;<span class="co1">// имеется родитель // неохваченная</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ai.<span class="me1">forEach</span><span class="br0">&#40;</span><span class="br0">&#40;</span>n<span class="sy0">,</span>k<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>n<span class="sy0">!==</span><span class="kw2">undefined</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>b2<span class="br0">&#91;</span>n<span class="br0">&#93;</span><span class="sy0">===</span><span class="kw2">undefined</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; nmk<span class="sy0">++;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; mk.<span class="me1">push</span><span class="br0">&#40;</span><span class="br0">&#123;</span>x<span class="sy0">:</span>n<span class="sy0">,</span>y<span class="sy0">:</span><span class="nu0">0</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; b2<span class="br0">&#91;</span>n<span class="br0">&#93;</span><span class="sy0">=</span>m2<span class="br0">&#91;</span>mk<span class="br0">&#91;</span>i<span class="br0">&#93;</span>.<span class="me1">x</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="nu0">1</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="co1">/// семья</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ai<span class="sy0">=</span>allman<span class="br0">&#40;</span>mk<span class="br0">&#91;</span>i<span class="br0">&#93;</span>.<span class="me1">x</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ai.<span class="me1">forEach</span><span class="br0">&#40;</span><span class="br0">&#40;</span>n<span class="sy0">,</span>k<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>n<span class="sy0">!==</span><span class="kw2">undefined</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>m2<span class="br0">&#91;</span>n<span class="br0">&#93;</span><span class="sy0">===</span><span class="kw2">undefined</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; nmk<span class="sy0">++;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; mk.<span class="me1">push</span><span class="br0">&#40;</span><span class="br0">&#123;</span>x<span class="sy0">:</span>n<span class="sy0">,</span>y<span class="sy0">:</span><span class="nu0">1</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; m2<span class="br0">&#91;</span>n<span class="br0">&#93;</span><span class="sy0">=</span>b2<span class="br0">&#91;</span>mk<span class="br0">&#91;</span>i<span class="br0">&#93;</span>.<span class="me1">x</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="nu0">1</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; i<span class="sy0">++;</span>
&nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>m2<span class="br0">&#91;</span>h2<span class="br0">&#93;</span><span class="sy0">===</span><span class="kw2">undefined</span><span class="br0">&#41;</span><span class="br0">&#123;</span><span class="kw1">return</span> <span class="st0">'?'</span><span class="br0">&#125;</span><span class="sy0">;</span>
&nbsp; &nbsp; let nbro<span class="sy0">=</span><span class="nu0">1</span><span class="sy0">;</span>
&nbsp; &nbsp; let bro<span class="sy0">=</span><span class="br0">&#91;</span>h2<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; let k<span class="sy0">=</span>m2<span class="br0">&#91;</span>h2<span class="br0">&#93;</span><span class="sy0">-</span><span class="nu0">1</span><span class="sy0">;</span><span class="co1">// искомый этаж</span>
&nbsp; &nbsp; let fm<span class="sy0">=</span>h2<span class="sy0">;</span>
&nbsp; &nbsp; let d<span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; let oldk<span class="sy0">=</span>k<span class="sy0">;</span>
&nbsp; &nbsp; let kot<span class="sy0">;</span>
&nbsp; &nbsp; while <span class="br0">&#40;</span>k<span class="sy0">&gt;=</span>m2<span class="br0">&#91;</span>h1<span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; ai<span class="sy0">=</span>allfam<span class="br0">&#40;</span>fm<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; ai.<span class="me1">forEach</span><span class="br0">&#40;</span><span class="br0">&#40;</span>n<span class="sy0">,</span>i<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>k<span class="sy0">===</span>b2<span class="br0">&#91;</span>n<span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; rz<span class="sy0">=</span>i<span class="sy0">==</span><span class="nu0">0</span><span class="sy0">;</span><span class="co1">// родился</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fm<span class="sy0">=</span>n<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; k<span class="sy0">--;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; ai<span class="sy0">=</span>allman<span class="br0">&#40;</span>fm<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; ai.<span class="me1">forEach</span><span class="br0">&#40;</span><span class="br0">&#40;</span>n<span class="sy0">,</span>i<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>k<span class="sy0">==</span>m2<span class="br0">&#91;</span>n<span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fm<span class="sy0">=</span>n<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; kot<span class="sy0">=</span>indi<span class="br0">&#91;</span>n<span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'SEX'</span><span class="br0">&#93;</span><span class="sy0">===</span><span class="st0">'M'</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>rz<span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>i<span class="sy0">&lt;</span><span class="nu0">2</span><span class="br0">&#41;</span><span class="br0">&#123;</span>d<span class="sy0">=</span>d<span class="sy0">+</span><span class="br0">&#91;</span><span class="st0">'S'</span><span class="sy0">,</span><span class="st0">'s'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>kot<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span> <span class="br0">&#123;</span>d<span class="sy0">=</span>d<span class="sy0">+</span><span class="br0">&#91;</span><span class="st0">'B'</span><span class="sy0">,</span><span class="st0">'b'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>kot<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>i<span class="sy0">&lt;</span><span class="nu0">2</span><span class="br0">&#41;</span><span class="br0">&#123;</span>d<span class="sy0">=</span>d<span class="sy0">+</span><span class="br0">&#91;</span><span class="st0">'Q'</span><span class="sy0">,</span><span class="st0">'q'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>kot<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span> <span class="br0">&#123;</span>d<span class="sy0">=</span>d<span class="sy0">+</span><span class="br0">&#91;</span><span class="st0">'P'</span><span class="sy0">,</span><span class="st0">'p'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>kot<span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; bro.<span class="me1">push</span><span class="br0">&#40;</span>ai<span class="br0">&#91;</span>i<span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; k<span class="sy0">--;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>oldk<span class="sy0">===</span>k<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="kw1">return</span> <span class="st0">'?'</span><span class="br0">&#125;</span><span class="kw1">else</span><span class="br0">&#123;</span>oldk<span class="sy0">=</span>k<span class="br0">&#125;</span><span class="co1">//защита от некоректных гедов</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; bro<span class="sy0">=</span>bro.<span class="me1">slice</span><span class="br0">&#40;</span><span class="nu0">0</span><span class="sy0">,</span> <span class="sy0">-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">// отброс последней буквы</span>
&nbsp; &nbsp; d<span class="sy0">=</span><span class="br0">&#91;</span>...<span class="me1">d</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span><span class="br0">&#40;</span>a<span class="sy0">,</span>i<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#40;</span>indi<span class="br0">&#91;</span>bro<span class="br0">&#91;</span>i<span class="br0">&#93;</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'SEX'</span><span class="br0">&#93;</span><span class="sy0">===</span><span class="st0">'M'</span><span class="br0">&#41;</span><span class="sy0">?</span>a.<span class="me1">toLowerCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">:</span>a.<span class="me1">toUpperCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#41;</span>.<span class="me1">join</span><span class="br0">&#40;</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">return</span> rode<span class="br0">&#40;</span>d<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="kw1">function</span> foton<span class="br0">&#40;</span>x<span class="sy0">,</span>man<span class="sy0">,</span>pisex<span class="sy0">,</span>way<span class="br0">&#41;</span><span class="br0">&#123;</span> <span class="co1">// фото</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>way<span class="br0">&#41;</span><span class="co1">// если в записи упомянут jpg</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> `<span class="sy0">&lt;</span>img src<span class="sy0">=</span><span class="st0">&quot;${dirh}/i${String(man).padStart(5, '0')}.jpg&quot;</span>`<span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">return</span> `<span class="sy0">&lt;</span>img src<span class="sy0">=</span><span class="st0">&quot;${dirh}/none.jpg&quot;</span>`<span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="kw1">function</span> inka<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="co1">// возвращает родителей</span>
&nbsp; &nbsp; <span class="kw1">return</span> info<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#91;</span><span class="st0">'mfm'</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
let pomi<span class="sy0">;</span><span class="co1">// высота сосны в метрах</span>
<span class="kw1">function</span> pine<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="co1">// несинее дерево</span>
&nbsp; &nbsp; let lnn<span class="sy0">=</span><span class="nu0">4</span><span class="sy0">;</span>
&nbsp; &nbsp; let n<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="nu0">4</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; let xaa<span class="sy0">,</span>yaa<span class="sy0">,</span>i1k<span class="sy0">=</span><span class="nu0">300</span><span class="sy0">,</span>fp<span class="sy0">=</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">,</span>par<span class="sy0">,</span>bz<span class="sy0">,</span>cb<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; xaa<span class="sy0">=</span><span class="nu0">165</span><span class="sy0">;</span><span class="co1">//+coor['iny'][cur].x+coor['iny'][cur].w/2;// центр</span>
&nbsp; &nbsp; &nbsp; &nbsp; yaa<span class="sy0">=</span><span class="nu0">210</span><span class="sy0">;</span><span class="co1">//+coor['iny'][cur].y;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="sy0">===</span><span class="kw2">undefined</span><span class="br0">&#41;</span><span class="kw1">return</span> <span class="kw2">undefined</span><span class="sy0">;</span>
&nbsp; &nbsp; let r<span class="sy0">=</span>inka<span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; let arle<span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span><span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">==</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="sy0">&amp;&amp;</span><span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span><span class="sy0">==</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; n<span class="sy0">=</span><span class="nu0">6</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; pomi<span class="sy0">=</span><span class="nu0">0</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; let i<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="co1">// самый дочерний элемент</span>
&nbsp; &nbsp; &nbsp; &nbsp; arle<span class="sy0">=</span><span class="st0">'&lt;rect x=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>xaa<span class="sy0">-</span><span class="nu0">15</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot; y=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>yaa<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot; width=&quot;30&quot; height=&quot;12&quot; fill=&quot;blue&quot; stroke=&quot;violet&quot; stroke-width=&quot;'</span><span class="sy0">+</span>lnn<span class="sy0">+</span><span class="st0">'&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' id=&quot;zik'</span><span class="sy0">+</span><span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' onclick=&quot;let y=cur; cur='</span><span class="sy0">+</span><span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'; main(cur,y)&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' onmouseover=&quot;oppa.title=<span class="es0">\'</span>'</span><span class="sy0">+</span><span class="br0">&#40;</span>soky<span class="br0">&#91;</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'<span class="es0">\'</span>&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' onmouseout=&quot;oppa.title=<span class="es0">\'</span><span class="es0">\'</span>&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' /&gt;<span class="es0">\n</span>'</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; cb<span class="sy0">=</span>xaa<span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; let peo<span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span><span class="co1">//люди</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">&gt;</span><span class="nu0">0</span> <span class="sy0">&amp;&amp;</span> x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">&lt;</span><span class="nu0">7</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>pomi<span class="sy0">&lt;</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#41;</span>pomi<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; bz<span class="sy0">=</span><span class="br0">&#91;</span><span class="nu0">0</span><span class="sy0">,</span><span class="nu0">90</span><span class="sy0">,</span><span class="nu0">70</span><span class="sy0">,</span><span class="nu0">70</span><span class="sy0">,</span><span class="nu0">40</span><span class="sy0">,</span><span class="nu0">18</span><span class="sy0">,</span><span class="nu0">12</span><span class="br0">&#93;</span><span class="br0">&#91;</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; fp<span class="sy0">=</span><span class="br0">&#91;</span> ...<span class="kw4">Array</span><span class="br0">&#40;</span><span class="nu0">2</span><span class="sy0">**</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#41;</span>.<span class="me1">keys</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>i<span class="sy0">=&gt;</span>i<span class="sy0">+</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; par<span class="sy0">=</span>i1k<span class="sy0">/</span>fp.<span class="me1">length</span><span class="sy0">/</span><span class="nu0">2</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; fp<span class="sy0">=</span>fp.<span class="me1">map</span><span class="br0">&#40;</span><span class="br0">&#40;</span>x<span class="sy0">,</span>i<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#40;</span>xaa<span class="sy0">+</span><span class="br0">&#40;</span>i<span class="sy0">*</span><span class="nu0">2</span><span class="sy0">+</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">*</span>par<span class="sy0">-</span>i1k<span class="sy0">/</span><span class="nu0">2</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; fp.<span class="me1">forEach</span><span class="br0">&#40;</span><span class="br0">&#40;</span>c<span class="sy0">,</span>i<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span><span class="kw1">if</span><span class="br0">&#40;</span>i<span class="sy0">==</span>x<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let yre<span class="sy0">=</span><span class="nu0">24</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let xkk<span class="sy0">=</span><span class="nu0">3</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; arle<span class="sy0">+=</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;rect x=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>c<span class="sy0">-</span>bz<span class="sy0">/</span>xkk<span class="sy0">/</span><span class="nu0">2</span><span class="sy0">|</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot; y=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>yaa<span class="sy0">-</span>yre<span class="sy0">*</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">|</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot; width=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>bz<span class="sy0">/</span>xkk<span class="sy0">|</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&quot; height=&quot;12&quot; fill=&quot;white&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&quot; stroke=&quot;blue&quot; stroke-width=&quot;'</span><span class="sy0">+</span>lnn<span class="sy0">+</span><span class="st0">'&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' id=&quot;zik'</span><span class="sy0">+</span><span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' onclick=&quot;let y=cur; cur='</span><span class="sy0">+</span><span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'; main(cur,y)&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' onmouseover=&quot;oppa.title=<span class="es0">\'</span>'</span><span class="sy0">+</span><span class="br0">&#40;</span>soky<span class="br0">&#91;</span>x<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'<span class="es0">\'</span>&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' onmouseout=&quot;oppa.title=<span class="es0">\'</span><span class="es0">\'</span>&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' /&gt;<span class="es0">\n</span>'</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; bush.<span class="me1">innerHTML</span><span class="sy0">+=</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;line x1=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>c<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot; y1=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>yaa<span class="sy0">-</span>yre<span class="sy0">*</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="nu0">12</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot; x2=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="nu0">3</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&quot; y2=&quot;'</span><span class="sy0">+</span><span class="br0">&#40;</span>yaa<span class="sy0">-</span>yre<span class="sy0">*</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">+</span>yre<span class="sy0">-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&quot; style=&quot;stroke:blue; stroke-width:3&quot; /&gt;'</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cb<span class="sy0">=</span>c<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>r<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="sy0">&gt;-</span><span class="nu0">1</span><span class="br0">&#41;</span>pine<span class="br0">&#40;</span><span class="br0">&#91;</span>r<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="sy0">,</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="nu0">1</span><span class="sy0">,</span>x<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span><span class="sy0">*</span><span class="nu0">2</span><span class="sy0">,</span>cb<span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">//папа</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>r<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">&gt;-</span><span class="nu0">1</span><span class="br0">&#41;</span>pine<span class="br0">&#40;</span><span class="br0">&#91;</span>r<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">,</span>x<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="nu0">1</span><span class="sy0">,</span>x<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span><span class="sy0">*</span><span class="nu0">2</span><span class="sy0">+</span><span class="nu0">1</span><span class="sy0">,</span>cb<span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">//мама</span>
&nbsp; &nbsp; bush.<span class="me1">innerHTML</span><span class="sy0">+=</span>arle<span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">return</span> pomi<span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="kw1">function</span> info<span class="br0">&#40;</span>i<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; let x<span class="sy0">=</span>indi<span class="br0">&#91;</span>i<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span><span class="sy0">!</span>x<span class="br0">&#41;</span>alert<span class="br0">&#40;</span><span class="st0">'oo'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; let y<span class="sy0">=</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; let jpeg<span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; let nom4<span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; let iddi<span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; let fsz<span class="sy0">=</span><span class="st0">'7'</span><span class="sy0">;</span>
&nbsp; &nbsp; let zak<span class="sy0">=</span><span class="st0">'-1'</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'INDI'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; iddi<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="st0">'INDI'</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'FSZ'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; fsz<span class="sy0">=</span><span class="br0">&#91;</span>x<span class="br0">&#91;</span><span class="st0">'FSZ'</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'JPG'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; jpeg<span class="sy0">=</span><span class="br0">&#91;</span>x<span class="br0">&#91;</span><span class="st0">'JPG'</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'NOM4'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; nom4<span class="sy0">=</span><span class="br0">&#91;</span>x<span class="br0">&#91;</span><span class="st0">'NOM4'</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>viva<span class="br0">&#91;</span>i<span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; y<span class="sy0">=</span>viva<span class="br0">&#91;</span>i<span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>i<span class="sy0">=&gt;</span>i<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; let deade<span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'DEAT'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="st0">'DEAT'</span><span class="br0">&#93;</span>.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'PLAC'</span><span class="br0">&#41;</span><span class="br0">&#41;</span> deade<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="st0">'DEAT'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'PLAC'</span><span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; let birte<span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'BIRT'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="st0">'BIRT'</span><span class="br0">&#93;</span>.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'PLAC'</span><span class="br0">&#41;</span><span class="br0">&#41;</span> birte<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="st0">'BIRT'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'PLAC'</span><span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">const</span> nomad<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="st0">'NAME'</span><span class="br0">&#93;</span><span class="sy0">??</span><span class="st0">'//'</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span><span class="sy0">!</span>nomad.<span class="me1">split</span><span class="br0">&#40;</span><span class="st0">' '</span><span class="br0">&#41;</span><span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#41;</span> nom4<span class="sy0">=</span><span class="st0">'&amp;nbsp;'</span><span class="sy0">;</span> <span class="co1">// а то подвал половинной высоты</span>
&nbsp; &nbsp; let mfm<span class="sy0">=</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; let pknow<span class="sy0">=+</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'FAMC'</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">// родители известны</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'FAMC'</span><span class="br0">&#41;</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>fams<span class="br0">&#91;</span><span class="sy0">+</span>x<span class="br0">&#91;</span><span class="st0">'FAMC'</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; mfm<span class="sy0">=</span><span class="br0">&#91;</span><span class="sy0">+</span>fams<span class="br0">&#91;</span><span class="sy0">+</span>x<span class="br0">&#91;</span><span class="st0">'FAMC'</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'HUSB'</span><span class="br0">&#93;</span><span class="sy0">,+</span>fams<span class="br0">&#91;</span><span class="sy0">+</span>x<span class="br0">&#91;</span><span class="st0">'FAMC'</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'WIFE'</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; mfm<span class="sy0">=</span>mfm.<span class="me1">map</span><span class="br0">&#40;</span>z<span class="sy0">=&gt;</span><span class="br0">&#40;</span>isNaN<span class="br0">&#40;</span>z<span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">?</span><span class="kw2">undefined</span><span class="sy0">:</span>z<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">const</span> web<span class="sy0">=</span><span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">=&gt;</span> <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">=</span>x.<span class="me1">replace</span><span class="br0">&#40;</span><span class="st0">'JAN'</span><span class="sy0">,</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">=</span>x.<span class="me1">replace</span><span class="br0">&#40;</span><span class="st0">'FEB'</span><span class="sy0">,</span><span class="nu0">2</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">=</span>x.<span class="me1">replace</span><span class="br0">&#40;</span><span class="st0">'MAR'</span><span class="sy0">,</span><span class="nu0">3</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">=</span>x.<span class="me1">replace</span><span class="br0">&#40;</span><span class="st0">'APR'</span><span class="sy0">,</span><span class="nu0">4</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">=</span>x.<span class="me1">replace</span><span class="br0">&#40;</span><span class="st0">'MAY'</span><span class="sy0">,</span><span class="nu0">5</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">=</span>x.<span class="me1">replace</span><span class="br0">&#40;</span><span class="st0">'JUL'</span><span class="sy0">,</span><span class="nu0">6</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">=</span>x.<span class="me1">replace</span><span class="br0">&#40;</span><span class="st0">'JUN'</span><span class="sy0">,</span><span class="nu0">7</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">=</span>x.<span class="me1">replace</span><span class="br0">&#40;</span><span class="st0">'AUG'</span><span class="sy0">,</span><span class="nu0">8</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">=</span>x.<span class="me1">replace</span><span class="br0">&#40;</span><span class="st0">'SEP'</span><span class="sy0">,</span><span class="nu0">9</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">=</span>x.<span class="me1">replace</span><span class="br0">&#40;</span><span class="st0">'OCT'</span><span class="sy0">,</span><span class="nu0">10</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">=</span>x.<span class="me1">replace</span><span class="br0">&#40;</span><span class="st0">'NOV'</span><span class="sy0">,</span><span class="nu0">11</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">=</span>x.<span class="me1">replace</span><span class="br0">&#40;</span><span class="st0">'DEC'</span><span class="sy0">,</span><span class="nu0">12</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">=</span>x.<span class="me1">replaceAll</span><span class="br0">&#40;</span><span class="st0">' '</span><span class="sy0">,</span><span class="st0">'.'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> x
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
let sybe<span class="sy0">=</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">,</span>wyfe<span class="sy0">=</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">,</span>chil<span class="sy0">=</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">;</span>
let jojo<span class="sy0">=</span>i<span class="sy0">;</span>
let birtez<span class="sy0">=</span><span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'BIRT'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">?</span>x<span class="br0">&#91;</span><span class="st0">'BIRT'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'DATE'</span><span class="br0">&#93;</span><span class="sy0">??</span><span class="st0">''</span><span class="sy0">:</span><span class="st0">''</span><span class="sy0">;</span>
let deadez<span class="sy0">=</span> <span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'DEAT'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">?</span>x<span class="br0">&#91;</span><span class="st0">'DEAT'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'DATE'</span><span class="br0">&#93;</span><span class="sy0">??</span><span class="st0">''</span><span class="sy0">:</span><span class="st0">''</span><span class="sy0">;</span>
<span class="co1">/////////////////</span>
&nbsp; &nbsp; let r<span class="sy0">=</span><span class="kw2">null</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'FAMC'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>r<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="st0">'FAMC'</span><span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>r<span class="sy0">&gt;=</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw1">var</span> k <span class="kw1">in</span> fams<span class="br0">&#91;</span>r<span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>k<span class="sy0">==</span><span class="st0">'CHIL'</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fams<span class="br0">&#91;</span>r<span class="br0">&#93;</span><span class="br0">&#91;</span>k<span class="br0">&#93;</span>.<span class="me1">forEach</span><span class="br0">&#40;</span>y<span class="sy0">=&gt;</span><span class="br0">&#123;</span><span class="kw1">if</span><span class="br0">&#40;</span>y<span class="sy0">!==</span>jojo<span class="br0">&#41;</span>sybe.<span class="me1">push</span><span class="br0">&#40;</span>y<span class="br0">&#41;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="br0">&#125;</span><span class="co1">// сибсы</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; let h<span class="sy0">=</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'FAMS'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>h<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="st0">'FAMS'</span><span class="br0">&#93;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; h.<span class="me1">forEach</span><span class="br0">&#40;</span>x2<span class="sy0">=&gt;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">for</span> <span class="br0">&#40;</span><span class="kw1">var</span> k <span class="kw1">in</span> fams<span class="br0">&#91;</span>x2<span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>k<span class="sy0">==</span><span class="st0">'HUSB'</span><span class="br0">&#41;</span><span class="br0">&#123;</span><span class="kw1">if</span><span class="br0">&#40;</span>fams<span class="br0">&#91;</span>x2<span class="br0">&#93;</span><span class="br0">&#91;</span>k<span class="br0">&#93;</span><span class="sy0">!==</span>jojo<span class="br0">&#41;</span>wyfe.<span class="me1">push</span><span class="br0">&#40;</span>fams<span class="br0">&#91;</span>x2<span class="br0">&#93;</span><span class="br0">&#91;</span>k<span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>k<span class="sy0">==</span><span class="st0">'WIFE'</span><span class="br0">&#41;</span><span class="br0">&#123;</span><span class="kw1">if</span><span class="br0">&#40;</span>fams<span class="br0">&#91;</span>x2<span class="br0">&#93;</span><span class="br0">&#91;</span>k<span class="br0">&#93;</span><span class="sy0">!==</span>jojo<span class="br0">&#41;</span>wyfe.<span class="me1">push</span><span class="br0">&#40;</span>fams<span class="br0">&#91;</span>x2<span class="br0">&#93;</span><span class="br0">&#91;</span>k<span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>k<span class="sy0">==</span><span class="st0">'CHIL'</span><span class="br0">&#41;</span><span class="br0">&#123;</span>fams<span class="br0">&#91;</span>x2<span class="br0">&#93;</span><span class="br0">&#91;</span>k<span class="br0">&#93;</span>.<span class="me1">forEach</span><span class="br0">&#40;</span>y<span class="sy0">=&gt;</span><span class="br0">&#123;</span><span class="kw1">if</span><span class="br0">&#40;</span>y<span class="sy0">!==</span>jojo<span class="br0">&#41;</span>chil.<span class="me1">push</span><span class="br0">&#40;</span>y<span class="br0">&#41;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="br0">&#125;</span><span class="co1">// дети</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; let MB<span class="sy0">=</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'MB'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>MB<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="st0">'MB'</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>c<span class="sy0">=&gt;</span>c<span class="br0">&#41;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">return</span> <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; nom<span class="sy0">:</span>nomad<span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; nom1<span class="sy0">:</span>nomad.<span class="me1">split</span><span class="br0">&#40;</span><span class="st0">' '</span><span class="br0">&#41;</span><span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; nom2<span class="sy0">:</span>nomad.<span class="me1">split</span><span class="br0">&#40;</span><span class="st0">' '</span><span class="br0">&#41;</span><span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; nom3<span class="sy0">:</span>nomad.<span class="me1">replace</span><span class="br0">&#40;</span><span class="co2">/(.*)\/(.*)\//</span><span class="sy0">,</span><span class="st0">'$2'</span><span class="br0">&#41;</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; nom4<span class="sy0">:</span>nom4<span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; sex<span class="sy0">:</span>x<span class="br0">&#91;</span><span class="st0">'SEX'</span><span class="br0">&#93;</span><span class="sy0">==</span><span class="st0">'M'</span><span class="sy0">??</span><span class="st0">'M'</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; birt<span class="sy0">:</span>birtez<span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; dead<span class="sy0">:</span>deadez<span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; deade<span class="sy0">:</span>deade<span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; birt2<span class="sy0">:</span>web<span class="br0">&#40;</span>birtez<span class="br0">&#41;</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; dead2<span class="sy0">:</span>web<span class="br0">&#40;</span>deadez<span class="br0">&#41;</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; birte<span class="sy0">:</span>birte<span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; cont<span class="sy0">:</span>y<span class="sy0">,</span><span class="co1">// аннотация</span>
&nbsp; &nbsp; &nbsp; &nbsp; ava<span class="sy0">:</span><span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'AVA'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">?</span>x<span class="br0">&#91;</span><span class="st0">'AVA'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="sy0">:</span><span class="st0">''</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; jpeg<span class="sy0">:</span> jpeg<span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; fsz<span class="sy0">:</span> fsz<span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; zak<span class="sy0">:</span> zak<span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; mfm<span class="sy0">:</span> mfm.<span class="me1">filter</span><span class="br0">&#40;</span>c<span class="sy0">=&gt;</span>c<span class="sy0">!==</span><span class="kw2">undefined</span><span class="br0">&#41;</span><span class="sy0">,</span><span class="co1">//ундефинед фатальны</span>
&nbsp; &nbsp; &nbsp; &nbsp; pknow<span class="sy0">:</span> pknow<span class="sy0">,</span><span class="co1">// родители известны</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="co1">////</span>
&nbsp; &nbsp; &nbsp; &nbsp; sybe<span class="sy0">:</span>sybe<span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; wyfe<span class="sy0">:</span>wyfe<span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; chil<span class="sy0">:</span>chil<span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; MB<span class="sy0">:</span>MB<span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="br0">&#125;</span>
indi.<span class="me1">forEach</span><span class="br0">&#40;</span><span class="br0">&#40;</span>x<span class="sy0">,</span>i<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>soky<span class="br0">&#91;</span>i<span class="br0">&#93;</span><span class="sy0">=</span>info<span class="br0">&#40;</span>i<span class="br0">&#41;</span>.<span class="me1">nom1</span><span class="sy0">;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">// подсказки имен для дерева</span>
let u<span class="sy0">;</span>
<span class="kw1">function</span> fn_x<span class="br0">&#40;</span>x<span class="sy0">,</span>y<span class="sy0">,</span>z<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="co1">// строка метрики</span>
&nbsp; &nbsp; let s<span class="sy0">=</span>acca<span class="br0">&#91;</span>x<span class="br0">&#93;</span>.<span class="me1">split</span><span class="br0">&#40;</span><span class="co2">/&lt;\/mark&gt;|&lt;mark&gt;/</span><span class="br0">&#41;</span>.<span class="me1">filter</span><span class="br0">&#40;</span>a<span class="sy0">=&gt;</span>a<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; s<span class="br0">&#91;</span>y<span class="sy0">*</span><span class="nu0">2</span><span class="sy0">+</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">=</span><span class="st0">'&lt;mark&gt;'</span><span class="sy0">+</span>s<span class="br0">&#91;</span>y<span class="sy0">*</span><span class="nu0">2</span><span class="sy0">+</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">'&lt;/mark&gt;'</span><span class="sy0">;</span>
&nbsp; &nbsp; jsit.<span class="me1">innerHTML</span><span class="sy0">=</span><span class="st0">'&lt;table id=&quot;bmet&quot; cellspacing=&quot;0&quot;&gt;&lt;tbody&gt;'</span>
&nbsp; &nbsp; <span class="sy0">+</span>capi<span class="br0">&#91;</span>z<span class="br0">&#93;</span><span class="sy0">+</span>s.<span class="me1">join</span><span class="br0">&#40;</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&lt;/tbody&gt;&lt;/table&gt;'</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="kw1">function</span> main<span class="br0">&#40;</span>cur<span class="sy0">,</span>ocur<span class="br0">&#41;</span><span class="br0">&#123;</span> <span class="co1">// активация персоны</span>
&nbsp; &nbsp; document.<span class="me1">body</span>.<span class="me1">dataset</span>.<span class="me1">x</span><span class="sy0">=</span>cur<span class="sy0">;</span>
&nbsp; &nbsp; let p<span class="sy0">=</span>info<span class="br0">&#40;</span>cur<span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">//</span>
&nbsp; &nbsp; u<span class="sy0">=</span><span class="br0">&#91;</span>p<span class="br0">&#91;</span><span class="st0">'mfm'</span><span class="br0">&#93;</span><span class="sy0">,</span>p<span class="br0">&#91;</span><span class="st0">'sybe'</span><span class="br0">&#93;</span><span class="sy0">,</span>p<span class="br0">&#91;</span><span class="st0">'wyfe'</span><span class="br0">&#93;</span><span class="sy0">,</span>p<span class="br0">&#91;</span><span class="st0">'chil'</span><span class="br0">&#93;</span><span class="sy0">,</span>p<span class="br0">&#91;</span><span class="st0">'MB'</span><span class="br0">&#93;</span><span class="sy0">,</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; let gton<span class="sy0">=</span><span class="br0">&#91;</span><span class="st0">'&lt;span&gt;'</span><span class="sy0">+</span>p<span class="br0">&#91;</span><span class="st0">'nom'</span><span class="br0">&#93;</span>.<span class="me1">replace</span><span class="br0">&#40;</span><span class="st0">'//'</span><span class="sy0">,</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&lt;/span&gt;'</span><span class="br0">&#93;</span><span class="sy0">;</span><span class="co1">// жетон</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span><span class="br0">&#40;</span>p<span class="br0">&#91;</span><span class="st0">'birte'</span><span class="br0">&#93;</span><span class="sy0">==</span>p<span class="br0">&#91;</span><span class="st0">'deade'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">&amp;&amp;</span><span class="br0">&#40;</span>p<span class="br0">&#91;</span><span class="st0">'birt'</span><span class="br0">&#93;</span>.<span class="me1">length</span><span class="sy0">==</span><span class="nu0">4</span><span class="br0">&#41;</span><span class="sy0">&amp;&amp;</span><span class="br0">&#40;</span>p<span class="br0">&#91;</span><span class="st0">'dead'</span><span class="br0">&#93;</span>.<span class="me1">length</span><span class="sy0">==</span><span class="nu0">4</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; gton.<span class="me1">push</span><span class="br0">&#40;</span><span class="st0">'&lt;span&gt;'</span><span class="sy0">+</span>p<span class="br0">&#91;</span><span class="st0">'birt'</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">' &amp;mdash; '</span><span class="sy0">+</span>p<span class="br0">&#91;</span><span class="st0">'dead'</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">'&lt;/span&gt;'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>p<span class="br0">&#91;</span><span class="st0">'deade'</span><span class="br0">&#93;</span><span class="br0">&#41;</span>gton.<span class="me1">push</span><span class="br0">&#40;</span><span class="st0">'&lt;span&gt;'</span><span class="sy0">+</span>p<span class="br0">&#91;</span><span class="st0">'birte'</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">'&lt;/span&gt;'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>p<span class="br0">&#91;</span><span class="st0">'birt2'</span><span class="br0">&#93;</span><span class="br0">&#41;</span>gton.<span class="me1">push</span><span class="br0">&#40;</span><span class="st0">'&lt;span&gt;'</span><span class="sy0">+</span>p<span class="br0">&#91;</span><span class="st0">'birt2'</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">'&lt;/span&gt;'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>p<span class="br0">&#91;</span><span class="st0">'birte'</span><span class="br0">&#93;</span><span class="br0">&#41;</span>gton.<span class="me1">push</span><span class="br0">&#40;</span><span class="st0">'&lt;span&gt;'</span><span class="sy0">+</span>p<span class="br0">&#91;</span><span class="st0">'birte'</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">'&lt;/span&gt;'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>p<span class="br0">&#91;</span><span class="st0">'dead2'</span><span class="br0">&#93;</span><span class="br0">&#41;</span>gton.<span class="me1">push</span><span class="br0">&#40;</span><span class="st0">'&lt;span&gt;'</span><span class="sy0">+</span>p<span class="br0">&#91;</span><span class="st0">'dead2'</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">'&lt;/span&gt;'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>p<span class="br0">&#91;</span><span class="st0">'deade'</span><span class="br0">&#93;</span><span class="br0">&#41;</span>gton.<span class="me1">push</span><span class="br0">&#40;</span><span class="st0">'&lt;span&gt;'</span><span class="sy0">+</span>p<span class="br0">&#91;</span><span class="st0">'deade'</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">'&lt;/span&gt;'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; gton.<span class="me1">push</span><span class="br0">&#40;</span>neon<span class="sy0">?</span><span class="st0">'&lt;span class=<span class="es0">\'</span>brat<span class="es0">\'</span>&gt;&amp;nbsp;'</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span><span class="br0">&#40;</span>brat<span class="br0">&#40;</span><span class="sy0">+</span>king.<span class="me1">dataset</span>.<span class="me1">king</span><span class="sy0">,</span>cur<span class="br0">&#41;</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span><span class="st0">'&amp;nbsp;&lt;/span&gt;'</span><span class="sy0">:</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="co1">/////*****////////******///////////***********////////*****//*****</span>
&nbsp; &nbsp; trix0.<span class="me1">innerHTML</span><span class="sy0">=</span><span class="st0">'&lt;td&gt;'</span><span class="sy0">+</span><span class="co1">//текуший</span>
&nbsp; &nbsp; &nbsp; &nbsp; foton<span class="br0">&#40;</span><span class="nu0">1</span><span class="sy0">,</span>cur<span class="sy0">,</span>p<span class="br0">&#91;</span><span class="st0">'sex'</span><span class="br0">&#93;</span><span class="sy0">,</span>p<span class="br0">&#91;</span><span class="st0">'jpeg'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' class=&quot;avatar&quot; '</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' title=&quot;'</span><span class="sy0">+</span>p<span class="br0">&#91;</span><span class="st0">'nom'</span><span class="br0">&#93;</span>.<span class="me1">split</span><span class="br0">&#40;</span><span class="st0">' '</span><span class="br0">&#41;</span><span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; `<span class="st0">&quot; width=&quot;</span>$<span class="br0">&#123;</span><span class="br0">&#91;</span><span class="nu0">155</span><span class="sy0">,</span><span class="nu0">120</span><span class="br0">&#93;</span><span class="br0">&#91;</span>p.<span class="me1">pknow</span><span class="br0">&#93;</span><span class="br0">&#125;</span><span class="st0">&quot;`+// сиротам большее фото</span>
<span class="st0">&nbsp; &nbsp; &nbsp; &nbsp; `&quot;</span> height<span class="sy0">=</span><span class="st0">&quot;${[155,120][p.pknow]}&quot;</span>`<span class="sy0">+</span><span class="co1">//</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; `<span class="sy0">&lt;</span>br<span class="sy0">&gt;&lt;</span>button style<span class="sy0">=</span><span class="st0">&quot;background: ${['transparent','#ded;'][+(cur===0)]}&quot;</span><span class="sy0">&gt;</span>`<span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; gton.<span class="me1">join</span><span class="br0">&#40;</span><span class="st0">'&lt;br&gt;'</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="co1">// жетон персоны</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/button&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/td&gt;'</span><span class="sy0">;</span>
<span class="co1">/////*****////////******///////////***********////////*****//*****</span>
&nbsp; &nbsp; trix1.<span class="me1">setAttribute</span><span class="br0">&#40;</span><span class="st0">'data-vw'</span><span class="sy0">,</span><span class="br0">&#91;</span><span class="st0">'0'</span><span class="sy0">,</span><span class="st0">'1'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+!!</span>u<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>.<span class="me1">length</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">// родители</span>
&nbsp; &nbsp; trix1.<span class="me1">style</span>.<span class="me1">display</span><span class="sy0">=</span><span class="br0">&#91;</span><span class="st0">'none'</span><span class="sy0">,</span><span class="st0">'table-row'</span><span class="sy0">,</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+!!</span>u<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>.<span class="me1">length</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span><span class="sy0">!</span>u<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>.<span class="me1">length</span><span class="br0">&#41;</span><span class="co1">// родители</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>trix1.<span class="me1">innerHTML</span><span class="sy0">=</span><span class="st0">'&lt;td&gt;&lt;/td&gt;'</span><span class="sy0">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">else</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; trix1.<span class="me1">innerHTML</span><span class="sy0">=</span><span class="st0">'&lt;td&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;div class=&quot;barg&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;h3&gt;Родители&lt;/h3&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;article&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; u<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>x<span class="sy0">=&gt;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">const</span> p<span class="sy0">=</span>info<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> <span class="st0">'&lt;button class=&quot;vem6&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; foton<span class="br0">&#40;</span><span class="nu0">2</span><span class="sy0">,</span>x<span class="sy0">,</span>p<span class="br0">&#91;</span><span class="st0">'sex'</span><span class="br0">&#93;</span><span class="sy0">,</span>p<span class="br0">&#91;</span><span class="st0">'jpeg'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' data-n=&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; x<span class="sy0">+</span><span class="st0">'&quot; onclick=&quot;dendy('</span><span class="sy0">+</span><span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">')&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;p&gt;&lt;span&gt;'</span><span class="sy0">+</span>p<span class="br0">&#91;</span><span class="st0">'nom1'</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">'&lt;/span&gt;&lt;br&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;span class=&quot;vish&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">''</span><span class="sy0">+</span><span class="co1">//p['nom2']+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/span&gt;&lt;br&gt;&lt;span&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">''</span><span class="sy0">+</span><span class="co1">//p['nom3']+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/span&gt;&lt;/p&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/button&gt;'</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="me1">join</span><span class="br0">&#40;</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/article&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/div&gt;'</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/td&gt;'</span><span class="sy0">;</span><span class="br0">&#125;</span>
<span class="co1">/////*****////////******///////////***********////////*****//*****&nbsp; &nbsp; &nbsp; </span>
&nbsp; &nbsp; u<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">=</span>u<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span>.<span class="me1">filter</span><span class="br0">&#40;</span>x<span class="sy0">=&gt;</span>alis.<span class="me1">includes</span><span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>&nbsp; <span class="co1">//// сибсы</span>
&nbsp; &nbsp; trix2.<span class="me1">setAttribute</span><span class="br0">&#40;</span><span class="st0">'data-vw'</span><span class="sy0">,</span><span class="br0">&#91;</span><span class="st0">'0'</span><span class="sy0">,</span><span class="st0">'1'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+!!</span>u<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span>.<span class="me1">length</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; trix2.<span class="me1">style</span>.<span class="me1">display</span><span class="sy0">=</span><span class="br0">&#91;</span><span class="st0">'none'</span><span class="sy0">,</span><span class="st0">'table-row'</span><span class="sy0">,</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+!!</span>u<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span>.<span class="me1">length</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span><span class="sy0">!</span>u<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span>.<span class="me1">length</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>trix2.<span class="me1">innerHTML</span><span class="sy0">=</span><span class="st0">'&lt;td&gt;&lt;/td&gt;'</span><span class="sy0">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">else</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; trix2.<span class="me1">innerHTML</span><span class="sy0">=</span><span class="st0">'&lt;td&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;div class=&quot;dron&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' &nbsp;&lt;h3&gt;Братья&lt;br&gt; и сестры &lt;br&gt;&lt;/h3&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;article&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; u<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>x<span class="sy0">=&gt;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">const</span> p<span class="sy0">=</span>info<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> <span class="st0">'&nbsp; &nbsp; &lt;button class=&quot;vem2&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; foton<span class="br0">&#40;</span><span class="nu0">3</span><span class="sy0">,</span>x<span class="sy0">,</span>p<span class="br0">&#91;</span><span class="st0">'sex'</span><span class="br0">&#93;</span><span class="sy0">,</span>p<span class="br0">&#91;</span><span class="st0">'jpeg'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' title=&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; p<span class="br0">&#91;</span><span class="st0">'nom1'</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">'&quot; onclick=&quot;dendy('</span><span class="sy0">+</span><span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">')&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' &nbsp; &nbsp; &nbsp; &lt;div&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;span &nbsp;style=&quot;font-size:'</span><span class="sy0">+</span>p<span class="br0">&#91;</span><span class="st0">'fsz'</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">'px&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#40;</span><span class="br0">&#40;</span>p<span class="br0">&#91;</span><span class="st0">'nom4'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">?</span>p<span class="br0">&#91;</span><span class="st0">'nom4'</span><span class="br0">&#93;</span><span class="sy0">:</span>p<span class="br0">&#91;</span><span class="st0">'nom1'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/span&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' &nbsp; &nbsp; &nbsp; &lt;/div&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' &nbsp; &lt;/button&gt;'</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="me1">join</span><span class="br0">&#40;</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/article&gt;&lt;/div&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/td&gt;'</span><span class="sy0">;</span><span class="br0">&#125;</span>
<span class="co1">//////***********///////////////***********////////////////*********/////// &nbsp; &nbsp; </span>
&nbsp; &nbsp; u<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span><span class="sy0">=</span>u<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span>.<span class="me1">filter</span><span class="br0">&#40;</span>x<span class="sy0">=&gt;</span>alis.<span class="me1">includes</span><span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; trix3.<span class="me1">setAttribute</span><span class="br0">&#40;</span><span class="st0">'data-vw'</span><span class="sy0">,</span><span class="br0">&#91;</span><span class="st0">'0'</span><span class="sy0">,</span><span class="st0">'1'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+!!</span>u<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span>.<span class="me1">length</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; trix3.<span class="me1">style</span>.<span class="me1">display</span><span class="sy0">=</span><span class="br0">&#91;</span><span class="st0">'none'</span><span class="sy0">,</span><span class="st0">'table-row'</span><span class="sy0">,</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+!!</span>u<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span>.<span class="me1">length</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span><span class="sy0">!</span>u<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span>.<span class="me1">length</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>trix3.<span class="me1">innerHTML</span><span class="sy0">=</span><span class="st0">'&lt;td&gt;&lt;/td&gt;'</span><span class="sy0">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">else</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; trix3.<span class="me1">innerHTML</span><span class="sy0">=</span><span class="st0">'&lt;td&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;div class=&quot;barg&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;h3&gt;Супруг'</span><span class="sy0">+</span><span class="br0">&#40;</span><span class="br0">&#40;</span>p<span class="br0">&#91;</span><span class="st0">'sex'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">?</span><span class="st0">'а'</span><span class="sy0">:</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">+</span> &nbsp;<span class="st0">'&lt;/h3&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;article&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; u<span class="br0">&#91;</span><span class="nu0">2</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>x<span class="sy0">=&gt;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">const</span> p<span class="sy0">=</span>info<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> <span class="st0">'&lt;button class=&quot;vem6&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; foton<span class="br0">&#40;</span><span class="nu0">2</span><span class="sy0">,</span>x<span class="sy0">,</span>p<span class="br0">&#91;</span><span class="st0">'sex'</span><span class="br0">&#93;</span><span class="sy0">,</span>p<span class="br0">&#91;</span><span class="st0">'jpeg'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' data-n=&quot;&quot; '</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'onclick=&quot;dendy('</span><span class="sy0">+</span><span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">')&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;p&gt;&lt;span&gt;'</span><span class="sy0">+</span>p<span class="br0">&#91;</span><span class="st0">'nom1'</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">'&lt;/span&gt;&lt;br&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;span class=&quot;vish&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">''</span><span class="sy0">+</span><span class="co1">//p['nom2']+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/span&gt;&lt;br&gt; &lt;span&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">''</span><span class="sy0">+</span><span class="co1">//p['nom3']+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/span&gt;&lt;/p&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/button&gt;'</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="me1">join</span><span class="br0">&#40;</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/article&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/td&gt;'</span><span class="sy0">;</span><span class="br0">&#125;</span>
<span class="co1">////////**********/////////////************//////////********//////////////////*&nbsp; &nbsp; &nbsp; &nbsp; </span>
&nbsp; &nbsp; u<span class="br0">&#91;</span><span class="nu0">3</span><span class="br0">&#93;</span><span class="sy0">=</span>u<span class="br0">&#91;</span><span class="nu0">3</span><span class="br0">&#93;</span>.<span class="me1">filter</span><span class="br0">&#40;</span>x<span class="sy0">=&gt;</span>alis.<span class="me1">includes</span><span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; trix4.<span class="me1">setAttribute</span><span class="br0">&#40;</span><span class="st0">'data-vw'</span><span class="sy0">,</span><span class="br0">&#91;</span><span class="st0">'0'</span><span class="sy0">,</span><span class="st0">'1'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+!!</span>u<span class="br0">&#91;</span><span class="nu0">3</span><span class="br0">&#93;</span>.<span class="me1">length</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; trix4.<span class="me1">style</span>.<span class="me1">display</span><span class="sy0">=</span><span class="br0">&#91;</span><span class="st0">'none'</span><span class="sy0">,</span><span class="st0">'table-row'</span><span class="sy0">,</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+!!</span>u<span class="br0">&#91;</span><span class="nu0">3</span><span class="br0">&#93;</span>.<span class="me1">length</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span><span class="sy0">!</span>u<span class="br0">&#91;</span><span class="nu0">3</span><span class="br0">&#93;</span>.<span class="me1">length</span><span class="br0">&#41;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#123;</span>trix4.<span class="me1">innerHTML</span><span class="sy0">=</span><span class="st0">'&lt;td&gt;&lt;/td&gt;'</span><span class="sy0">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">else</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; trix4.<span class="me1">innerHTML</span><span class="sy0">=</span><span class="st0">'&lt;td&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;div class=&quot;dron&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' &nbsp;&lt;h3&gt;Дети&lt;/h3&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;article&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; u<span class="br0">&#91;</span><span class="nu0">3</span><span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>x<span class="sy0">=&gt;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">const</span> p<span class="sy0">=</span>info<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> <span class="st0">'&nbsp; &nbsp; &lt;button class=&quot;vem2&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; foton<span class="br0">&#40;</span><span class="nu0">3</span><span class="sy0">,</span>x<span class="sy0">,</span>p<span class="br0">&#91;</span><span class="st0">'sex'</span><span class="br0">&#93;</span><span class="sy0">,</span>p<span class="br0">&#91;</span><span class="st0">'jpeg'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' title=&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#40;</span><span class="br0">&#40;</span>p<span class="br0">&#91;</span><span class="st0">'nom4'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">?</span>p<span class="br0">&#91;</span><span class="st0">'nom4'</span><span class="br0">&#93;</span><span class="sy0">:</span>p<span class="br0">&#91;</span><span class="st0">'nom1'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">''</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&quot; onclick=&quot;dendy('</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">')&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;div&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;span style=&quot;font-size:'</span><span class="sy0">+</span>p<span class="br0">&#91;</span><span class="st0">'fsz'</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">'px&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#40;</span><span class="br0">&#40;</span>p<span class="br0">&#91;</span><span class="st0">'nom4'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">?</span>p<span class="br0">&#91;</span><span class="st0">'nom4'</span><span class="br0">&#93;</span><span class="sy0">:</span>p<span class="br0">&#91;</span><span class="st0">'nom1'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/span&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' &nbsp; &nbsp; &nbsp; &lt;/div&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">' &nbsp; &lt;/button&gt;'</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="me1">join</span><span class="br0">&#40;</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/article&gt;&lt;/div&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/td&gt;'</span><span class="sy0">;</span><span class="br0">&#125;</span>
<span class="co1">////////********//////////************//////////********///////***********////&nbsp; &nbsp; &nbsp; </span>
&nbsp; &nbsp; trix5.<span class="me1">innerHTML</span><span class="sy0">=</span><span class="st0">'&lt;td&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;div class=&quot;book&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#40;</span>team<span class="br0">&#91;</span>cur<span class="br0">&#93;</span><span class="sy0">?</span>team<span class="br0">&#91;</span>cur<span class="br0">&#93;</span>.<span class="me1">map</span><span class="br0">&#40;</span>k<span class="sy0">=&gt;</span><span class="co1">// предбанник</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;label'</span><span class="sy0">+</span><span class="br0">&#40;</span><span class="br0">&#40;</span>urna<span class="br0">&#91;</span>k<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="sy0">==</span><span class="kw2">undefined</span><span class="br0">&#41;</span><span class="sy0">?</span><span class="br0">&#40;</span><span class="st0">' class=&quot;wolf&quot;'</span><span class="br0">&#41;</span><span class="sy0">:</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&gt;'</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span><span class="st0">'&lt;input type=&quot;radio&quot; name=&quot;metr&quot; class=&quot;ice&quot;&gt;'</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span><span class="st0">'&lt;div class=&quot;pec'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#40;</span><span class="br0">&#40;</span>urna<span class="br0">&#91;</span>k<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="sy0">==</span><span class="kw2">undefined</span><span class="br0">&#41;</span><span class="sy0">?</span><span class="br0">&#40;</span><span class="st0">' fifa'</span><span class="br0">&#41;</span><span class="sy0">:</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&quot; title=&quot;'</span><span class="sy0">+</span>k<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span><span class="st0">'&quot; href=&quot;'</span><span class="sy0">+</span><span class="st0">''</span><span class="sy0">+</span><span class="st0">'&quot;'</span><span class="co1">// target=_blank block</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span><span class="st0">' onclick=&quot;tuba.setAttribute(<span class="es0">\'</span>href<span class="es0">\'</span>,<span class="es0">\'</span>'</span><span class="sy0">+</span>urna<span class="br0">&#91;</span>k<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">'<span class="es0">\'</span>);'</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span><span class="st0">'aist.style.display='</span><span class="sy0">+</span><span class="br0">&#91;</span><span class="st0">'<span class="es0">\'</span>grid<span class="es0">\'</span>'</span><span class="sy0">,</span><span class="st0">'<span class="es0">\'</span>none<span class="es0">\'</span>'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span><span class="br0">&#40;</span>urna<span class="br0">&#91;</span>k<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="sy0">===</span><span class="kw2">undefined</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="co1">//знак фотика</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span><span class="st0">';'</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span><span class="br0">&#40;</span><span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span><span class="kw1">switch</span><span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="st0">'r'</span><span class="sy0">:</span><span class="kw1">return</span> `fn_x<span class="br0">&#40;</span>$<span class="br0">&#123;</span>k<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#125;</span><span class="sy0">,</span>$<span class="br0">&#123;</span>k<span class="br0">&#91;</span><span class="nu0">5</span><span class="br0">&#93;</span><span class="br0">&#125;</span><span class="sy0">,</span><span class="st0">'r'</span><span class="br0">&#41;</span><span class="sy0">;</span>`<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="st0">'m'</span><span class="sy0">:</span><span class="kw1">return</span> `fn_x<span class="br0">&#40;</span>$<span class="br0">&#123;</span>k<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#125;</span><span class="sy0">,</span>$<span class="br0">&#123;</span>k<span class="br0">&#91;</span><span class="nu0">5</span><span class="br0">&#93;</span><span class="br0">&#125;</span><span class="sy0">,</span><span class="st0">'m'</span><span class="br0">&#41;</span><span class="sy0">;</span>`<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">case</span> <span class="st0">'d'</span><span class="sy0">:</span><span class="kw1">return</span> `fn_x<span class="br0">&#40;</span>$<span class="br0">&#123;</span>k<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#125;</span><span class="sy0">,</span>$<span class="br0">&#123;</span>k<span class="br0">&#91;</span><span class="nu0">5</span><span class="br0">&#93;</span><span class="br0">&#125;</span><span class="sy0">,</span><span class="st0">'d'</span><span class="br0">&#41;</span><span class="sy0">;</span>`<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> <span class="st0">''</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="br0">&#40;</span>k<span class="br0">&#91;</span><span class="nu0">4</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="co1">//буква части</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span><span class="st0">'trix7.style.display='</span><span class="sy0">+</span><span class="br0">&#91;</span><span class="st0">&quot;'none'&quot;</span><span class="sy0">,</span><span class="st0">&quot;'table-row'&quot;</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span><span class="br0">&#40;</span><span class="br0">&#91;</span>k<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#93;</span><span class="sy0">&lt;</span><span class="nu0">6000</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">';'</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span><span class="st0">'&quot;'</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span><span class="st0">'&gt;'</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span>k<span class="br0">&#91;</span><span class="nu0">3</span><span class="br0">&#93;</span><span class="co1">//буква события RrMmDd</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span><span class="st0">'&lt;/div&gt;'</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="sy0">+</span><span class="st0">'&lt;/label&gt;'</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#41;</span>.<span class="me1">join</span><span class="br0">&#40;</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">:</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;div id=&quot;aist&quot; style=&quot;display: none&quot;&gt;&lt;a id=&quot;tuba&quot; href=&quot;https://***************/programming/&quot; target=_blank &gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;svg width=&quot;16&quot; height=&quot;16&quot; fill=&quot;white&quot; viewBox=&quot;0 0 16 16&quot;&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;path d=&quot;M10.5 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z&quot;&gt;&lt;/path&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class="st0">'&lt;path d=&quot;M2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4H2zm.5 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9 2.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0z&quot;&gt;&lt;/path&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class="st0">'&lt;/svg&gt;<span class="es0">\n</span>'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/a&gt;&lt;/div&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/div&gt;&lt;/td&gt;'</span><span class="sy0">;</span>
&nbsp; &nbsp; trix5.<span class="me1">setAttribute</span><span class="br0">&#40;</span><span class="st0">'data-vw'</span><span class="sy0">,</span><span class="br0">&#91;</span><span class="st0">'0'</span><span class="sy0">,</span><span class="st0">'1'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+!!</span>team<span class="br0">&#91;</span>cur<span class="br0">&#93;</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; trix5.<span class="me1">style</span>.<span class="me1">display</span><span class="sy0">=</span><span class="br0">&#91;</span><span class="st0">'none'</span><span class="sy0">,</span><span class="st0">'table-row'</span><span class="sy0">,</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+!!</span>team<span class="br0">&#91;</span>cur<span class="br0">&#93;</span><span class="br0">&#93;</span><span class="sy0">;</span>
<span class="co1">/////*****////////******///////////***********////////*****//*****</span>
&nbsp; &nbsp; trix7.<span class="me1">style</span>.<span class="me1">display</span><span class="sy0">=</span><span class="st0">'none'</span><span class="sy0">;</span><span class="co1">// запись метрическ</span>
<span class="co1">/////*****////////******///////////***********////////*****//*****</span>
&nbsp; &nbsp; let txt<span class="sy0">=</span>p.<span class="me1">cont</span><span class="sy0">;</span>
&nbsp; &nbsp; trix77.<span class="me1">style</span>.<span class="me1">display</span><span class="sy0">=</span><span class="br0">&#91;</span><span class="st0">'none'</span><span class="sy0">,</span><span class="st0">'table-row'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+!!</span>txt.<span class="me1">length</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>txt.<span class="me1">length</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; <span class="co1">//********</span>
&nbsp; &nbsp; &nbsp; &nbsp; smena<span class="br0">&#40;</span>txt.<span class="me1">join</span><span class="br0">&#40;</span><span class="st0">''</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">// текст аннотации меняем так</span>
&nbsp; &nbsp; <span class="co1">//********</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="co1">//////***********///////////////***********////////////////*********///////</span>
&nbsp; &nbsp; okur<span class="sy0">=</span>cur<span class="sy0">;</span>
&nbsp; &nbsp; let cve<span class="sy0">=</span><span class="br0">&#91;</span>...<span class="me1">document</span>.<span class="me1">querySelectorAll</span><span class="br0">&#40;</span><span class="st0">'[data-vw=&quot;1&quot;]'</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; cve.<span class="me1">pop</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; cve.<span class="me1">forEach</span><span class="br0">&#40;</span><span class="br0">&#40;</span>x<span class="sy0">,</span>i<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>x.<span class="me1">style</span>.<span class="me1">background</span><span class="sy0">=</span><span class="br0">&#91;</span><span class="st0">'#ded'</span><span class="sy0">,</span><span class="st0">'#00000010'</span><span class="br0">&#93;</span><span class="br0">&#91;</span>i<span class="sy0">%</span>2<span class="br0">&#93;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; let kisa<span class="sy0">=</span>document.<span class="me1">querySelector</span><span class="br0">&#40;</span><span class="st0">'#trix0 td'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; kisa.<span class="me1">style</span>.<span class="me1">background</span><span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>cur<span class="sy0">===</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="br0">&#123;</span><span class="co1">// фотка ваза</span>
&nbsp; &nbsp; &nbsp; &nbsp; let a<span class="sy0">=</span><span class="nu0">0</span><span class="sy0">;</span><span class="co1">//1</span>
&nbsp; &nbsp; &nbsp; &nbsp; document.<span class="me1">querySelector</span><span class="br0">&#40;</span><span class="st0">'#trix0'</span><span class="br0">&#41;</span>.<span class="me1">style</span>.<span class="me1">background</span><span class="sy0">=</span><span class="st0">'#ded'</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; document.<span class="me1">querySelector</span><span class="br0">&#40;</span><span class="st0">'#trix0'</span><span class="br0">&#41;</span>.<span class="me1">style</span>.<span class="me1">backgroundImage</span><span class="sy0">=</span><span class="st0">'url('</span><span class="sy0">+</span>dirf<span class="sy0">+</span><span class="st0">'/f000.jpg)'</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; kisa.<span class="me1">style</span>.<span class="me1">background</span><span class="sy0">=</span><span class="st0">'rgba(255,255,255,0.63)'</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>syn<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span><span class="sy0">!</span>dna<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; krug.<span class="me1">style</span>.<span class="me1">height</span><span class="sy0">=+</span><span class="br0">&#91;</span><span class="nu0">39</span><span class="sy0">,</span><span class="nu0">52</span><span class="sy0">,</span><span class="nu0">73</span><span class="sy0">,</span><span class="nu0">88</span><span class="sy0">,</span><span class="nu0">100</span><span class="sy0">,</span><span class="nu0">115</span><span class="sy0">,</span><span class="nu0">135</span><span class="br0">&#93;</span><span class="br0">&#91;</span>pine<span class="br0">&#40;</span><span class="br0">&#91;</span>cur<span class="sy0">,</span><span class="nu0">0</span><span class="sy0">,</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="sy0">+</span><span class="st0">'px'</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; dna<span class="sy0">=</span>document.<span class="me1">querySelectorAll</span><span class="br0">&#40;</span><span class="st0">'[id^=&quot;zik&quot;]'</span><span class="br0">&#41;</span><span class="sy0">;</span> <span class="co1">// сохранение дерева</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#91;</span>...<span class="me1">dna</span><span class="br0">&#93;</span>.<span class="me1">forEach</span><span class="br0">&#40;</span>h<span class="sy0">=&gt;</span><span class="br0">&#123;</span>h.<span class="me1">setAttribute</span><span class="br0">&#40;</span><span class="st0">'fill'</span><span class="sy0">,</span><span class="st0">'white'</span><span class="br0">&#41;</span><span class="sy0">;</span> h.<span class="me1">setAttribute</span><span class="br0">&#40;</span><span class="st0">'stroke'</span><span class="sy0">,</span><span class="st0">'blue'</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">// обеляю всех</span>
&nbsp; &nbsp; &nbsp; &nbsp; let i<span class="sy0">=</span>document.<span class="me1">querySelector</span><span class="br0">&#40;</span><span class="st0">'#zik'</span><span class="sy0">+</span>cur<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>i<span class="br0">&#41;</span>i.<span class="me1">setAttribute</span><span class="br0">&#40;</span><span class="st0">'fill'</span><span class="sy0">,</span><span class="st0">'blue'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>i<span class="br0">&#41;</span>i.<span class="me1">setAttribute</span><span class="br0">&#40;</span><span class="st0">'stroke'</span><span class="sy0">,</span><span class="st0">'violet'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; let j<span class="sy0">=</span>document.<span class="me1">querySelector</span><span class="br0">&#40;</span><span class="st0">'#zik'</span><span class="sy0">+</span>king.<span class="me1">dataset</span>.<span class="me1">king</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">// след избранного, видеть от кого счет родства</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>j<span class="br0">&#41;</span>j.<span class="me1">setAttribute</span><span class="br0">&#40;</span><span class="st0">'stroke'</span><span class="sy0">,</span><span class="st0">'violet'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="br0">&#125;</span><span class="co1">//end of main</span>
<span class="co1">//******************************main end</span>
<span class="kw1">function</span> dendy<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="co1">/// установ активной персоны</span>
&nbsp; &nbsp; qadr.<span class="me1">style</span>.<span class="me1">display</span><span class="sy0">=</span><span class="st0">'table'</span><span class="sy0">;</span> <span class="co1">// если делать позже то none попав в майн запорет подгонку слая</span>
&nbsp; &nbsp; serw.<span class="me1">style</span>.<span class="me1">left</span><span class="sy0">=</span><span class="st0">'101vw'</span><span class="sy0">;</span>
&nbsp; &nbsp; let aport<span class="sy0">=</span>document.<span class="me1">getElementById</span><span class="br0">&#40;</span><span class="st0">'zik'</span><span class="sy0">+</span>x<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>aport<span class="br0">&#41;</span> <span class="br0">&#123;</span>aport.<span class="me1">onclick</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#125;</span> <span class="kw1">else</span> <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; cur<span class="sy0">=</span>x<span class="sy0">??</span><span class="nu0">4</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; main<span class="br0">&#40;</span>cur<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
<span class="co1">//************************** finding</span>
let pirog<span class="sy0">=</span><span class="br0">&#91;</span>...<span class="me1">document</span>.<span class="me1">querySelectorAll</span><span class="br0">&#40;</span><span class="st0">&quot;[name='mist']&quot;</span><span class="br0">&#41;</span><span class="br0">&#93;</span><span class="sy0">;</span>
let laste<span class="sy0">=</span><span class="kw2">null</span><span class="sy0">;</span><span class="co1">//последнний кликнутый элл</span>
pirog.<span class="me1">forEach</span><span class="br0">&#40;</span><span class="br0">&#40;</span>c<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span><span class="co1">//</span>
&nbsp; &nbsp; c.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span><span class="co1">//повторный клик снимает выбор</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>laste<span class="sy0">===</span>c<span class="br0">&#41;</span><span class="br0">&#123;</span>laste<span class="sy0">=</span><span class="kw2">null</span><span class="sy0">;</span>c.<span class="me1">checked</span><span class="sy0">=</span><span class="kw2">false</span><span class="sy0">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span><span class="br0">&#123;</span><span class="kw1">if</span><span class="br0">&#40;</span><span class="sy0">!</span>c.<span class="me1">checked</span><span class="br0">&#41;</span>c.<span class="me1">checked</span><span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span> laste<span class="sy0">=</span>c<span class="sy0">;</span> <span class="br0">&#125;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
let d44<span class="sy0">;</span><span class="co1">// по датам</span>
let e55<span class="sy0">;</span><span class="co1">// по аннотациям</span>
let r66<span class="sy0">;</span><span class="co1">// массив запрос</span>
<span class="kw1">function</span> grun<span class="br0">&#40;</span>y<span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; d44<span class="sy0">=</span>euro.<span class="me1">checked</span><span class="sy0">;</span><span class="co1">// по датам поиск</span>
&nbsp; &nbsp; e55<span class="sy0">=</span>enot.<span class="me1">checked</span><span class="sy0">;</span><span class="co1">// по коментам поиск</span>
&nbsp; &nbsp; r66<span class="sy0">=</span>pirog.<span class="me1">filter</span><span class="br0">&#40;</span>c<span class="sy0">=&gt;</span>c.<span class="me1">checked</span><span class="br0">&#41;</span>.<span class="me1">map</span><span class="br0">&#40;</span>c<span class="sy0">=&gt;</span>c.<span class="me1">value</span><span class="br0">&#41;</span>.<span class="me1">join</span><span class="br0">&#40;</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; 
&nbsp; &nbsp; let z<span class="sy0">=</span><span class="br0">&#91;</span>y<span class="sy0">,</span>r66<span class="br0">&#93;</span>.<span class="me1">filter</span><span class="br0">&#40;</span>c<span class="sy0">=&gt;</span>c<span class="br0">&#41;</span>.<span class="me1">map</span><span class="br0">&#40;</span>c<span class="sy0">=&gt;</span>c.<span class="me1">toUpperCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; let leo<span class="sy0">;</span><span class="co1">//сюда стекается найденное</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>d44<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="co1">// поиск в датах</span>
&nbsp; &nbsp; &nbsp; &nbsp; leo<span class="sy0">=</span>indi.<span class="me1">filter</span><span class="br0">&#40;</span>x<span class="sy0">=&gt;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let s<span class="sy0">=</span><span class="br0">&#91;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'DEAT'</span><span class="br0">&#41;</span><span class="sy0">?</span>x<span class="br0">&#91;</span><span class="st0">'DEAT'</span><span class="br0">&#93;</span>.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'DATE'</span><span class="br0">&#41;</span><span class="sy0">?</span>x<span class="br0">&#91;</span><span class="st0">'DEAT'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'DATE'</span><span class="br0">&#93;</span><span class="sy0">:</span><span class="st0">''</span><span class="sy0">:</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'DEAT'</span><span class="br0">&#41;</span><span class="sy0">?</span>x<span class="br0">&#91;</span><span class="st0">'DEAT'</span><span class="br0">&#93;</span>.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'PLAC'</span><span class="br0">&#41;</span><span class="sy0">?</span>x<span class="br0">&#91;</span><span class="st0">'DEAT'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'PLAC'</span><span class="br0">&#93;</span><span class="sy0">:</span><span class="st0">''</span><span class="sy0">:</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'BIRT'</span><span class="br0">&#41;</span><span class="sy0">?</span>x<span class="br0">&#91;</span><span class="st0">'BIRT'</span><span class="br0">&#93;</span>.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'DATE'</span><span class="br0">&#41;</span><span class="sy0">?</span>x<span class="br0">&#91;</span><span class="st0">'BIRT'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'DATE'</span><span class="br0">&#93;</span><span class="sy0">:</span><span class="st0">''</span><span class="sy0">:</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'BIRT'</span><span class="br0">&#41;</span><span class="sy0">?</span>x<span class="br0">&#91;</span><span class="st0">'BIRT'</span><span class="br0">&#93;</span>.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'PLAC'</span><span class="br0">&#41;</span><span class="sy0">?</span>x<span class="br0">&#91;</span><span class="st0">'BIRT'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="st0">'PLAC'</span><span class="br0">&#93;</span><span class="sy0">:</span><span class="st0">''</span><span class="sy0">:</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">,</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#93;</span>.<span class="me1">join</span><span class="br0">&#40;</span><span class="st0">' '</span><span class="br0">&#41;</span>.<span class="me1">toUpperCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> z.<span class="me1">some</span><span class="br0">&#40;</span>c<span class="sy0">=&gt;</span>s.<span class="me1">includes</span><span class="br0">&#40;</span>c<span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="kw1">else</span><span class="br0">&#123;</span><span class="co1">// поиск в аннотации</span>
&nbsp; &nbsp; &nbsp; &nbsp; leo<span class="sy0">=</span>indi.<span class="me1">filter</span><span class="br0">&#40;</span><span class="br0">&#40;</span>x<span class="sy0">,</span>i<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let s<span class="sy0">=</span>viva<span class="br0">&#91;</span>i<span class="br0">&#93;</span><span class="sy0">?</span>viva<span class="br0">&#91;</span>i<span class="br0">&#93;</span>.<span class="me1">join</span><span class="br0">&#40;</span><span class="st0">' '</span><span class="br0">&#41;</span>.<span class="me1">toUpperCase</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">:</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> z.<span class="me1">some</span><span class="br0">&#40;</span>c<span class="sy0">=&gt;</span>s.<span class="me1">includes</span><span class="br0">&#40;</span>c<span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span><span class="sy0">!</span>z.<span class="me1">length</span><span class="br0">&#41;</span>
&nbsp; &nbsp; <span class="br0">&#123;</span>leo<span class="sy0">=</span>indi.<span class="me1">map</span><span class="br0">&#40;</span>x<span class="sy0">=&gt;</span>x<span class="br0">&#41;</span><span class="br0">&#125;</span><span class="co1">// при пустом запросе всех грести</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>e55<span class="br0">&#41;</span> <span class="br0">&#123;</span>leo<span class="sy0">=</span>leo.<span class="me1">filter</span><span class="br0">&#40;</span>x<span class="sy0">=&gt;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'JPG'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#125;</span>
<span class="co1">//**************</span>
&nbsp; &nbsp; let bir<span class="sy0">=-</span><span class="nu0">1</span><span class="sy0">;</span>
&nbsp; &nbsp; gimo.<span class="me1">innerHTML</span><span class="sy0">=</span>leo.<span class="me1">map</span><span class="br0">&#40;</span><span class="br0">&#40;</span>x<span class="sy0">,</span>i<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; let z<span class="sy0">=</span>x<span class="br0">&#91;</span><span class="st0">'INDI'</span><span class="br0">&#93;</span><span class="sy0">-</span><span class="nu0">1</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span><span class="br0">&#40;</span>x.<span class="kw3">hasOwnProperty</span><span class="br0">&#40;</span><span class="st0">'JPG'</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">&amp;&amp;</span><span class="br0">&#40;</span>alis.<span class="me1">includes</span><span class="br0">&#40;</span>z<span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> <span class="br0">&#40;</span><span class="br0">&#40;</span>bir<span class="sy0">==</span>i<span class="br0">&#41;</span><span class="sy0">?</span><span class="st0">'&lt;br&gt;'</span><span class="sy0">:</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;img class=&quot;dendy&quot; src=&quot;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; `$<span class="br0">&#123;</span>dirh<span class="br0">&#125;</span><span class="sy0">/</span>i$<span class="br0">&#123;</span><span class="kw4">String</span><span class="br0">&#40;</span>z<span class="br0">&#41;</span>.<span class="me1">padStart</span><span class="br0">&#40;</span><span class="nu0">5</span><span class="sy0">,</span> <span class="st0">'0'</span><span class="br0">&#41;</span><span class="br0">&#125;</span>.<span class="me1">jpg</span>`<span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&quot; onclick=&quot;dendy('</span><span class="sy0">+</span><span class="br0">&#40;</span>z<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">')&quot;&gt;'</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">else</span> <span class="br0">&#123;</span>bir<span class="sy0">=</span>i<span class="sy0">+</span><span class="nu0">1</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">return</span> <span class="br0">&#40;</span><span class="br0">&#40;</span>i<span class="br0">&#41;</span><span class="sy0">?</span><span class="st0">'&lt;br&gt;'</span><span class="sy0">:</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;button onclick=&quot;dendy('</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#40;</span>z<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">');&quot;&gt;'</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#40;</span>z<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'.'</span><span class="sy0">+</span><span class="br0">&#40;</span>x<span class="br0">&#91;</span><span class="st0">'NAME'</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">+</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">'&lt;/button&gt;'</span>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="me1">join</span><span class="br0">&#40;</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'&lt;br&gt;&lt;div style=&quot;height:20px;&quot;&gt;&lt;/div&gt;'</span><span class="sy0">;</span>
&nbsp; &nbsp; nemo.<span class="me1">innerHTML</span><span class="sy0">=</span><span class="st0">'Найдено: '</span><span class="sy0">+</span>leo.<span class="me1">length</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="co1">// end grun</span>
let serold<span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span><span class="co1">//где ищем там или там</span>
<span class="co1">//-------------</span>
ivan.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">&quot;keyup&quot;</span><span class="sy0">,</span> <span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; event.<span class="me1">preventDefault</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>event.<span class="me1">key</span><span class="sy0">===</span><span class="st0">'Enter'</span><span class="br0">&#41;</span> syyr.<span class="me1">click</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">//on</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
syyr.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>grun<span class="br0">&#40;</span>ivan.<span class="me1">value</span><span class="br0">&#41;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
arow.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>serw.<span class="me1">style</span>.<span class="me1">left</span><span class="sy0">=</span><span class="st0">'100vw'</span><span class="sy0">;</span> qadr.<span class="me1">style</span>.<span class="me1">display</span><span class="sy0">=</span><span class="st0">'table'</span><span class="sy0">;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
qr.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>event.<span class="me1">stopPropagation</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>qr.<span class="me1">style</span>.<span class="me1">top</span><span class="sy0">=</span><span class="st0">'-100vh'</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">// штора qr</span>
lux.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span><span class="co1">// штора поиска</span>
&nbsp; &nbsp; event.<span class="me1">stopPropagation</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; serw.<span class="me1">style</span>.<span class="me1">left</span><span class="sy0">=</span><span class="st0">'0px'</span><span class="sy0">;</span>
&nbsp; &nbsp; qadr.<span class="me1">style</span>.<span class="me1">display</span><span class="sy0">=</span><span class="st0">'none'</span><span class="sy0">;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
homea.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>event.<span class="me1">stopPropagation</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>qr.<span class="me1">style</span>.<span class="me1">top</span><span class="sy0">=</span><span class="st0">'0px'</span><span class="sy0">;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
let debug<span class="sy0">=!!</span><span class="nu0">1</span><span class="sy0">;</span>
main<span class="br0">&#40;</span>cur<span class="br0">&#41;</span><span class="sy0">;</span>
grun<span class="br0">&#40;</span><span class="st0">''</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">// поиск</span>
window.<span class="me1">onload</span> <span class="sy0">=</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>setTimeout<span class="br0">&#40;</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>spin.<span class="me1">style</span>.<span class="me1">display</span><span class="sy0">=</span><span class="st0">'none'</span><span class="br0">&#125;</span><span class="sy0">,</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="br0">&#125;</span><span class="co1">//спиннер</span>
header2.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>document.<span class="me1">querySelector</span><span class="br0">&#40;</span><span class="st0">'body'</span><span class="br0">&#41;</span>.<span class="me1">classList</span>.<span class="me1">toggle</span><span class="br0">&#40;</span><span class="st0">'bodyaf'</span><span class="br0">&#41;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="kw1">function</span> bta77<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span><span class="co1">// перерасчет страниц слайдера</span>
&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">visibility</span><span class="sy0">=</span><span class="st0">'hidden'</span><span class="sy0">;</span><span class="co1">//против мельтешения</span>
&nbsp; &nbsp; while <span class="br0">&#40;</span>ajak.<span class="me1">clientHeight</span><span class="sy0">&gt;</span><span class="nu0">150</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; num<span class="sy0">++;</span>
&nbsp; &nbsp; &nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">width</span><span class="sy0">=</span><span class="kw4">String</span><span class="br0">&#40;</span>num<span class="sy0">*</span>arshin<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'px'</span><span class="sy0">;</span><span class="co1">//275</span>
&nbsp; &nbsp; &nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">columnCount</span><span class="sy0">=</span><span class="kw4">String</span><span class="br0">&#40;</span>num<span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">visibility</span><span class="sy0">=</span><span class="st0">'visible'</span><span class="sy0">;</span>
&nbsp; &nbsp; let f<span class="sy0">=+</span><span class="br0">&#40;</span>num<span class="sy0">&gt;</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="sy0">;</span> 
&nbsp; &nbsp; goes<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>.<span class="me1">parentElement</span>.<span class="me1">style</span>.<span class="me1">display</span><span class="sy0">=</span><span class="br0">&#91;</span><span class="st0">'none'</span><span class="sy0">,</span><span class="st0">'grid'</span><span class="br0">&#93;</span><span class="br0">&#91;</span>f<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; goes<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span>.<span class="me1">parentElement</span>.<span class="me1">style</span>.<span class="me1">display</span><span class="sy0">=</span><span class="br0">&#91;</span><span class="st0">'none'</span><span class="sy0">,</span><span class="st0">'grid'</span><span class="br0">&#93;</span><span class="br0">&#91;</span>f<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; scrin.<span class="me1">style</span>.<span class="me1">height</span><span class="sy0">=</span><span class="br0">&#91;</span>cadr.<span class="me1">clientHeight</span><span class="sy0">+</span><span class="nu0">36</span><span class="sy0">+</span><span class="st0">'px'</span><span class="sy0">,</span><span class="st0">'170px'</span><span class="br0">&#93;</span><span class="br0">&#91;</span>f<span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; ajak.<span class="me1">dataset</span>.<span class="me1">page</span><span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">for</span><span class="br0">&#40;</span>let i<span class="sy0">=</span><span class="nu0">1</span><span class="sy0">;</span>i<span class="sy0">&lt;=</span>num<span class="sy0">;</span> i<span class="sy0">++</span><span class="br0">&#41;</span>ajak.<span class="me1">dataset</span>.<span class="me1">page</span><span class="sy0">+=</span><span class="kw4">String</span><span class="br0">&#40;</span>i<span class="br0">&#41;</span>.<span class="me1">padStart</span><span class="br0">&#40;</span>tgram<span class="sy0">-</span><span class="nu0">1</span><span class="sy0">,</span><span class="st0">' '</span><span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">' '</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>num<span class="sy0">==</span><span class="nu0">1</span><span class="br0">&#41;</span>ajak.<span class="me1">dataset</span>.<span class="me1">page</span><span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="sy0">;</span>
bta77<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="kw1">function</span> smena<span class="br0">&#40;</span>text<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="co1">// смена аннотации персоны</span>
&nbsp; &nbsp; num<span class="sy0">=</span><span class="nu0">1</span><span class="sy0">;</span> step<span class="sy0">=</span><span class="nu0">0</span><span class="sy0">;</span>
&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">transition</span><span class="sy0">=</span><span class="st0">'transform 0s'</span><span class="sy0">;</span>
&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">transform</span><span class="sy0">=</span><span class="st0">'translate(-'</span><span class="sy0">+</span><span class="br0">&#40;</span>step<span class="sy0">*</span>arshin<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'px, 0)'</span><span class="sy0">;</span><span class="co1">//333</span>
&nbsp; &nbsp; ajak.<span class="me1">innerHTML</span><span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">columnCount</span><span class="sy0">=</span><span class="nu0">1</span><span class="sy0">;</span>
&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">width</span><span class="sy0">=</span>arshin<span class="sy0">+</span><span class="st0">'px'</span><span class="sy0">;</span><span class="co1">///333</span>
&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">visibility</span><span class="sy0">=</span><span class="st0">'hidden'</span><span class="sy0">;</span><span class="co1">//против мельтешения</span>
&nbsp; &nbsp; ajak.<span class="me1">innerText</span> <span class="sy0">=</span> text<span class="sy0">;</span>
&nbsp; &nbsp; bta77<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span>
goes<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>.<span class="me1">parentElement</span>.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span> <span class="co1">// сюдой</span>
&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">transition</span><span class="sy0">=</span><span class="st0">' transform 0s'</span><span class="sy0">;</span>
&nbsp; &nbsp; step<span class="sy0">--;</span><span class="kw1">if</span><span class="br0">&#40;</span>step<span class="sy0">&lt;</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="br0">&#123;</span>step<span class="sy0">=</span><span class="nu0">0</span><span class="br0">&#125;</span>
&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">transform</span><span class="sy0">=</span><span class="st0">'translate(-'</span><span class="sy0">+</span><span class="br0">&#40;</span>step<span class="sy0">*</span>arshin<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'px, 0)'</span><span class="sy0">;</span><span class="co1">//333</span>
&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">transition</span><span class="sy0">=</span><span class="st0">' transform .5s'</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
goes<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span>.<span class="me1">parentElement</span>.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span> <span class="co1">// тудой</span>
&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">transition</span><span class="sy0">=</span><span class="st0">' transform 0s'</span><span class="sy0">;</span>
&nbsp; &nbsp; step<span class="sy0">++;</span><span class="kw1">if</span><span class="br0">&#40;</span>step<span class="sy0">&gt;</span>num<span class="sy0">-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>step<span class="sy0">=</span>num<span class="sy0">-</span><span class="nu0">1</span><span class="br0">&#125;</span>
&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">transform</span><span class="sy0">=</span><span class="st0">'translate(-'</span><span class="sy0">+</span><span class="br0">&#40;</span>step<span class="sy0">*</span>arshin<span class="br0">&#41;</span><span class="sy0">+</span><span class="st0">'px, 0)'</span><span class="sy0">;</span><span class="co1">//333</span>
&nbsp; &nbsp; ajak.<span class="me1">style</span>.<span class="me1">transition</span><span class="sy0">=</span><span class="st0">' transform .5s'</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
ajak.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'mousedown'</span><span class="sy0">,</span><span class="br0">&#40;</span>e<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span><span class="kw1">if</span><span class="br0">&#40;</span>num<span class="sy0">-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span> xp<span class="sy0">=</span>event.<span class="me1">clientX</span><span class="sy0">;</span> md<span class="sy0">=</span><span class="kw2">true</span><span class="br0">&#125;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
ajak.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'mousemove'</span><span class="sy0">,</span><span class="br0">&#40;</span>e<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span><span class="kw1">if</span><span class="br0">&#40;</span>num<span class="sy0">-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span><span class="kw1">if</span> <span class="br0">&#40;</span>md<span class="br0">&#41;</span> &nbsp;vi<span class="sy0">=+</span>event.<span class="me1">clientX</span><span class="sy0">-</span>xp<span class="br0">&#125;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
ajak.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'mouseup'</span><span class="sy0">,</span><span class="br0">&#40;</span>e<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span><span class="kw1">if</span><span class="br0">&#40;</span>num<span class="sy0">-</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="br0">&#123;</span>md<span class="sy0">=</span><span class="kw2">false</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>vi<span class="sy0">&lt;-</span><span class="nu0">10</span><span class="br0">&#41;</span> goes<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span>.<span class="me1">click</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>vi<span class="sy0">&gt;</span><span class="nu0">10</span><span class="br0">&#41;</span> goes<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>.<span class="me1">click</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; vi<span class="sy0">=</span><span class="nu0">0</span><span class="br0">&#125;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
ajak.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'touchstart'</span><span class="sy0">,</span><span class="br0">&#40;</span>e<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span> <span class="co1">// тудой</span>
&nbsp; &nbsp; xp<span class="sy0">=</span>e.<span class="me1">touches</span><span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>.<span class="me1">clientX</span><span class="sy0">;</span> md<span class="sy0">=</span><span class="kw2">true</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
ajak.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'touchmove'</span><span class="sy0">,</span><span class="br0">&#40;</span>e<span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span> <span class="co1">// тудой</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>md<span class="br0">&#41;</span> vi<span class="sy0">=+</span>e.<span class="me1">touches</span><span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>.<span class="me1">clientX</span><span class="sy0">-</span>xp
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
ajak.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'touchend'</span><span class="sy0">,</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span> <span class="co1">// тудой</span>
&nbsp; &nbsp; md<span class="sy0">=</span><span class="kw2">false</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>vi<span class="sy0">&lt;-</span><span class="nu0">10</span><span class="br0">&#41;</span> goes<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span>.<span class="me1">click</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>vi<span class="sy0">&gt;</span><span class="nu0">10</span><span class="br0">&#41;</span> goes<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span>.<span class="me1">click</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; vi<span class="sy0">=</span><span class="nu0">0</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="co1">//*************</span>
king.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span><span class="co1">// назначаю героя</span>
&nbsp; &nbsp; event.<span class="me1">stopPropagation</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">//непробиваемый элемент</span>
&nbsp; &nbsp; neon<span class="sy0">=!</span>neon<span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span>neon<span class="br0">&#41;</span> <span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; king.<span class="me1">dataset</span>.<span class="me1">king</span><span class="sy0">=</span>cur<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; paris.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'click'</span><span class="sy0">,</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">=&gt;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; dendy<span class="br0">&#40;</span>king.<span class="me1">dataset</span>.<span class="me1">king</span><span class="br0">&#41;</span><span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; let j<span class="sy0">=</span>info<span class="br0">&#40;</span>cur<span class="br0">&#41;</span><span class="br0">&#91;</span><span class="st0">'jpeg'</span><span class="br0">&#93;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; let s<span class="sy0">=</span>j<span class="sy0">?</span>
&nbsp; &nbsp; `url<span class="br0">&#40;</span>$<span class="br0">&#123;</span>dirh<span class="br0">&#125;</span><span class="sy0">/</span>i$<span class="br0">&#123;</span><span class="kw4">String</span><span class="br0">&#40;</span>king.<span class="me1">dataset</span>.<span class="me1">king</span><span class="br0">&#41;</span>.<span class="me1">padStart</span><span class="br0">&#40;</span><span class="nu0">5</span><span class="sy0">,</span> <span class="st0">'0'</span><span class="br0">&#41;</span><span class="br0">&#125;</span>.<span class="me1">jpg</span><span class="br0">&#41;</span>`
&nbsp; &nbsp; <span class="sy0">:</span>`url<span class="br0">&#40;</span>$<span class="br0">&#123;</span>dirh<span class="br0">&#125;</span><span class="sy0">/</span>none.<span class="me1">jpg</span><span class="br0">&#41;</span>`<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; paris.<span class="me1">style</span>.<span class="me1">backgroundImage</span><span class="sy0">=</span>s<span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="kw1">else</span><span class="br0">&#123;</span>
&nbsp; &nbsp; &nbsp; &nbsp; let t<span class="sy0">=</span>document.<span class="me1">querySelector</span><span class="br0">&#40;</span><span class="st0">'#zik'</span><span class="sy0">+</span>king.<span class="me1">dataset</span>.<span class="me1">king</span><span class="br0">&#41;</span><span class="sy0">;</span><span class="co1">// след избранного стереть</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>t<span class="br0">&#41;</span>t.<span class="me1">setAttribute</span><span class="br0">&#40;</span><span class="st0">'stroke'</span><span class="sy0">,</span><span class="st0">'blue'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; king.<span class="me1">dataset</span>.<span class="me1">king</span><span class="sy0">=</span><span class="st0">''</span><span class="sy0">;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span>
&nbsp; &nbsp; king.<span class="me1">classList</span>.<span class="me1">toggle</span><span class="br0">&#40;</span><span class="st0">'kingaf'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; paris.<span class="me1">style</span>.<span class="me1">display</span><span class="sy0">=</span><span class="br0">&#91;</span><span class="st0">'none'</span><span class="sy0">,</span><span class="st0">'block'</span><span class="br0">&#93;</span><span class="br0">&#91;</span><span class="sy0">+</span>neon<span class="br0">&#93;</span><span class="sy0">;</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span> 
&nbsp; &nbsp; 
<span class="kw1">if</span> <span class="br0">&#40;</span>window.<span class="me1">visualViewport</span><span class="br0">&#41;</span> <span class="co1">//правильно пасем ресайз окна бразеура</span>
&nbsp; &nbsp; window.<span class="me1">visualViewport</span>.<span class="me1">addEventListener</span><span class="br0">&#40;</span><span class="st0">'resize'</span><span class="sy0">,</span> <span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="sy0">=&gt;</span> <span class="br0">&#123;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="kw1">function</span> curry<span class="br0">&#40;</span>x<span class="br0">&#41;</span><span class="br0">&#123;</span><span class="co1">// стартовый чел</span>
&nbsp; &nbsp; let b<span class="sy0">=</span><span class="br0">&#91;</span><span class="br0">&#93;</span><span class="sy0">,</span>a<span class="sy0">=</span><span class="br0">&#40;</span>document.<span class="me1">location</span>.<span class="me1">href</span><span class="br0">&#41;</span>.<span class="me1">split</span><span class="br0">&#40;</span><span class="co2">/#/</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>a<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>b<span class="sy0">=</span>a<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span>.<span class="me1">split</span><span class="br0">&#40;</span><span class="co2">/(\d+)/</span><span class="br0">&#41;</span>.<span class="me1">filter</span><span class="br0">&#40;</span>c<span class="sy0">=&gt;</span>c<span class="br0">&#41;</span><span class="br0">&#125;</span><span class="sy0">;</span>
&nbsp; &nbsp; syn<span class="sy0">=!</span><span class="br0">&#40;</span>b<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="sy0">==</span><span class="st0">'i'</span><span class="br0">&#41;</span><span class="sy0">;</span>
&nbsp; &nbsp; <span class="coMULTI">/**/</span><span class="kw1">if</span><span class="br0">&#40;</span>b.<span class="me1">length</span><span class="sy0">==</span><span class="nu0">0</span><span class="br0">&#41;</span><span class="kw1">return</span> x<span class="sy0">;</span><span class="coMULTI">/**/</span><span class="co1">// стартовый чел &nbsp;/**/</span>
&nbsp; &nbsp; <span class="kw1">if</span><span class="br0">&#40;</span>b.<span class="me1">length</span><span class="sy0">==</span><span class="nu0">1</span><span class="br0">&#41;</span><span class="kw1">return</span> alis.<span class="me1">includes</span><span class="br0">&#40;</span><span class="sy0">+</span>b<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">?+</span>b<span class="br0">&#91;</span><span class="nu0">0</span><span class="br0">&#93;</span><span class="sy0">:</span>x<span class="sy0">;</span><span class="co1">//b[0];</span>
&nbsp; &nbsp; <span class="kw1">return</span> alis.<span class="me1">includes</span><span class="br0">&#40;</span><span class="sy0">+</span>b<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="br0">&#41;</span><span class="sy0">?+</span>b<span class="br0">&#91;</span><span class="nu0">1</span><span class="br0">&#93;</span><span class="sy0">:</span>x<span class="sy0">;</span><span class="co1">//b[1];</span>
&nbsp; &nbsp; <span class="br0">&#125;</span></pre></td></tr></table></div></td></tr></tbody></table></div></div>


<!-- attachments -->
	<div style="margin-top:10px">

		
		
		
		
			<fieldset class="fieldset">
				<legend>Вложения</legend>
				<table cellpadding="0" cellspacing="3" border="0">
				<tr>
	<td><img loading="lazy" decoding="async" class="inlineimg" src="http://www.cyberforum.ru//cyberstatic.net/images/attach/zip.gif" alt="Тип файла: zip" width="16" height="16" border="0" style="vertical-align:baseline" /></td>
	<td><a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=11885&amp;d=1778760522">telemah.zip</a> (535.8 Кб, 125 просмотров)</td>
</tr>
				</table>
			</fieldset>
		

	</div>
<!-- / attachments -->
]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/10889.html</guid>
		</item>
		<item>
			<title>Умеренная ширина сайта</title>
			<link>https://www.cyberforum.ru/blogs/1851672/10497.html</link>
			<pubDate>Thu, 24 Jul 2025 13:13:42 GMT</pubDate>
			<description><![CDATA[<div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="601664342" ...]]></description>
			<content:encoded><![CDATA[<div><div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="414232176"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="414232176" style="height: 94px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
</pre></td><td class="de1"><pre class="de1">&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">meta</span> <span class="kw3">charset</span><span class="sy0">=</span><span class="st0">&quot;utf-8&quot;</span> <span class="sy0">/</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">meta</span> <span class="kw3">http-equiv</span><span class="sy0">=</span><span class="st0">&quot;Content-Type&quot;</span> <span class="kw3">content</span><span class="sy0">=</span><span class="st0">&quot;text/html; charset=utf-8&quot;</span> <span class="sy0">/</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">meta</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;robots&quot;</span> <span class="kw3">content</span><span class="sy0">=</span><span class="st0">&quot;noindex, nofollow&quot;</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">meta</span> <span class="kw3">content</span><span class="sy0">=</span><span class="st0">&quot;width=1024&quot;</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;viewport&quot;</span> <span class="sy0">/</span>&gt;</span></pre></td></tr></table></div></td></tr></tbody></table></div><div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="923902977"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="923902977" style="height: 94px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
</pre></td><td class="de1"><pre class="de1">&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">meta</span> <span class="kw3">charset</span><span class="sy0">=</span><span class="st0">&quot;utf-8&quot;</span> <span class="sy0">/</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">meta</span> <span class="kw3">http-equiv</span><span class="sy0">=</span><span class="st0">&quot;Content-Type&quot;</span> <span class="kw3">content</span><span class="sy0">=</span><span class="st0">&quot;text/html; charset=utf-8&quot;</span> <span class="sy0">/</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">meta</span> <span class="kw3">http-equiv</span><span class="sy0">=</span><span class="st0">&quot;X-UA-Compatible&quot;</span> <span class="kw3">content</span><span class="sy0">=</span><span class="st0">&quot;IE=edge&quot;</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">meta</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;viewport&quot;</span> <span class="kw3">content</span><span class="sy0">=</span><span class="st0">&quot;width=device-width, initial-scale=1.0&quot;</span>&gt;</span></pre></td></tr></table></div></td></tr></tbody></table></div>На шестом десятке сайтов выяснилось, почему некоторые сайты развернуты на всю ивановскую, даже на сотовом. Дело в двух строках, в которых вьюпорту дается ширина. В первом случае она 1024 пикселей, во втором привязана к ширине девайса (до кучи и масштаб задается 1:1).</div>

]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/10497.html</guid>
		</item>
		<item>
			<title>Четыре главных модели отношений классов в с++</title>
			<link>https://www.cyberforum.ru/blogs/1851672/10447.html</link>
			<pubDate>Sat, 28 Jun 2025 18:52:02 GMT</pubDate>
			<description>Продолжаю крестовый поход против c++. 
ideone.com/ юзаю для проверки валидности кода.  
Насчитал 4...</description>
			<content:encoded><![CDATA[<div>Продолжаю крестовый поход против c++.<br />
ideone.com/ юзаю для проверки валидности кода. <br />
Насчитал 4 модели отношений классов: одиночный класс, равноправные классы, слейв - мастер, терминатор.<br />
Подробности вот:<br />
1.Одиночный класс <br />
<div class="codeblock"><table class="cpp"><thead><tr><td colspan="2" id="856279252"  class="head">C++</td></tr></thead><tbody><tr class="li1"><td><div id="856279252" style="height: 270px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</pre></td><td class="de1"><pre class="de1"><span class="co2">#include &lt;iostream&gt;</span>
<span class="kw2">class</span> car<span class="br0">&#123;</span>
<span class="kw2">private</span><span class="sy4">:</span> std<span class="sy4">::</span><span class="me2">string</span> nom<span class="sy4">;</span>
&nbsp; &nbsp; <span class="kw4">int</span> x<span class="sy4">;</span>
<span class="kw2">public</span><span class="sy4">:</span>
&nbsp; &nbsp; car<span class="br0">&#40;</span>std<span class="sy4">::</span><span class="me2">string</span> nom,<span class="kw4">int</span> y<span class="br0">&#41;</span><span class="br0">&#123;</span>this<span class="sy2">-</span><span class="sy1">&gt;</span>nom<span class="sy1">=</span>nom<span class="sy4">;</span>x<span class="sy1">=</span>y<span class="sy4">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw4">void</span> inf<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; std<span class="sy4">::</span><span class="kw3">cout</span><span class="sy1">&lt;&lt;</span><span class="st0">&quot;Модель &quot;</span><span class="sy1">&lt;&lt;</span>nom<span class="sy1">&lt;&lt;</span>std<span class="sy4">::</span><span class="me2">endl</span><span class="sy4">;</span>
&nbsp; &nbsp; std<span class="sy4">::</span><span class="kw3">cout</span><span class="sy1">&lt;&lt;</span><span class="st0">&quot;год &quot;</span><span class="sy1">&lt;&lt;</span>x<span class="sy1">&lt;&lt;</span>std<span class="sy4">::</span><span class="me2">endl</span><span class="sy4">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="sy4">;</span>
<span class="kw4">int</span> main<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; car carObj<span class="br0">&#40;</span><span class="st0">&quot;Volga&quot;</span>,<span class="nu0">2000</span><span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; carObj.<span class="me1">inf</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; <span class="kw1">return</span> <span class="nu0">0</span><span class="sy4">;</span>
<span class="br0">&#125;</span></pre></td></tr></table></div></td></tr></tbody></table></div>2.Равноправные классы <br />
<div class="codeblock"><table class="cpp"><thead><tr><td colspan="2" id="607848873"  class="head">C++</td></tr></thead><tbody><tr class="li1"><td><div id="607848873" style="height: 350px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
</pre></td><td class="de1"><pre class="de1"><span class="co2">#include &lt;iostream&gt;</span>
<span class="kw2">class</span> man<span class="sy4">;</span>
<span class="kw2">class</span> car<span class="br0">&#123;</span>
<span class="kw2">private</span><span class="sy4">:</span> std<span class="sy4">::</span><span class="me2">string</span> nom<span class="sy4">;</span>
<span class="kw2">public</span><span class="sy4">:</span>
&nbsp; &nbsp; car<span class="br0">&#40;</span>std<span class="sy4">::</span><span class="me2">string</span> nom<span class="br0">&#41;</span><span class="br0">&#123;</span>this<span class="sy2">-</span><span class="sy1">&gt;</span>nom<span class="sy1">=</span>nom<span class="sy4">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw2">friend</span> <span class="kw4">void</span> get<span class="br0">&#40;</span>car<span class="sy3">&amp;</span> x,man<span class="sy3">&amp;</span> y<span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="sy4">;</span>
<span class="kw2">class</span> man<span class="br0">&#123;</span>
<span class="kw2">private</span><span class="sy4">:</span> std<span class="sy4">::</span><span class="me2">string</span> nom<span class="sy4">;</span>
<span class="kw2">public</span><span class="sy4">:</span>
&nbsp; &nbsp; man<span class="br0">&#40;</span>std<span class="sy4">::</span><span class="me2">string</span> nom<span class="br0">&#41;</span><span class="br0">&#123;</span>this<span class="sy2">-</span><span class="sy1">&gt;</span>nom<span class="sy1">=</span>nom<span class="sy4">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw2">friend</span> <span class="kw4">void</span> get<span class="br0">&#40;</span>car<span class="sy3">&amp;</span> x,man<span class="sy3">&amp;</span> y<span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="sy4">;</span>
<span class="kw4">void</span> get<span class="br0">&#40;</span>car<span class="sy3">&amp;</span> x,man<span class="sy3">&amp;</span> y<span class="br0">&#41;</span><span class="br0">&#123;</span>
std<span class="sy4">::</span><span class="kw3">cout</span><span class="sy1">&lt;&lt;</span><span class="st0">&quot;The student &quot;</span><span class="sy1">&lt;&lt;</span>y.<span class="me1">nom</span><span class="sy4">;</span>
std<span class="sy4">::</span><span class="kw3">cout</span><span class="sy1">&lt;&lt;</span><span class="st0">&quot; have car &quot;</span><span class="sy1">&lt;&lt;</span>x.<span class="me1">nom</span><span class="sy4">;</span>
<span class="br0">&#125;</span>
&nbsp;
<span class="kw4">int</span> main<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; car carObj<span class="br0">&#40;</span><span class="st0">&quot;HAVAL&quot;</span><span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; man manObj<span class="br0">&#40;</span><span class="st0">&quot;Ann&quot;</span><span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; get<span class="br0">&#40;</span>carObj,manObj<span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; <span class="kw1">return</span> <span class="nu0">0</span><span class="sy4">;</span>
<span class="br0">&#125;</span></pre></td></tr></table></div></td></tr></tbody></table></div>3.Слейв - мастер.<br />
Раб описывается раньше господина. Попытки обойти это ни к чему не привели, кроме forward declaration.<br />
Как выглядит конструктор у вызова dog Rex; ? Вызов ли это или переменная?<div class="codeblock"><table class="cpp"><thead><tr><td colspan="2" id="202532106"  class="head">C++</td></tr></thead><tbody><tr class="li1"><td><div id="202532106" style="height: 350px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
</pre></td><td class="de1"><pre class="de1"><span class="co2">#include &lt;iostream&gt;</span>
<span class="kw2">class</span> dog<span class="br0">&#123;</span>
<span class="kw2">private</span><span class="sy4">:</span><span class="kw4">int</span> helf<span class="sy1">=</span><span class="nu0">100</span><span class="sy4">;</span>
<span class="kw2">public</span><span class="sy4">:</span>
&nbsp; &nbsp; <span class="kw4">void</span> life<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>std<span class="sy4">::</span><span class="kw3">cout</span><span class="sy1">&lt;&lt;</span><span class="st0">&quot;Здоровье &quot;</span><span class="sy1">&lt;&lt;</span>helf<span class="sy1">&lt;&lt;</span>std<span class="sy4">::</span><span class="me2">endl</span><span class="sy4">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw2">friend</span> <span class="kw2">class</span> man<span class="sy4">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="sy4">;</span>
<span class="kw2">class</span> man<span class="br0">&#123;</span>
<span class="kw2">public</span><span class="sy4">:</span>
&nbsp; &nbsp; <span class="kw4">void</span> dan<span class="br0">&#40;</span>dog<span class="sy3">&amp;</span> x<span class="br0">&#41;</span><span class="br0">&#123;</span>x.<span class="me1">helf</span><span class="sy2">-</span><span class="sy1">=</span><span class="nu0">20</span><span class="sy4">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw4">void</span> heal<span class="br0">&#40;</span>dog<span class="sy3">&amp;</span> x<span class="br0">&#41;</span><span class="br0">&#123;</span>x.<span class="me1">helf</span><span class="sy2">+</span><span class="sy1">=</span><span class="nu0">10</span><span class="sy4">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw4">void</span> kill<span class="br0">&#40;</span>dog<span class="sy3">&amp;</span> x<span class="br0">&#41;</span><span class="br0">&#123;</span>x.<span class="me1">helf</span><span class="sy1">=</span><span class="nu0">0</span><span class="sy4">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="sy4">;</span>
<span class="kw4">int</span> main<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; dog dogObj<span class="sy4">;</span>
&nbsp; &nbsp; man manObj<span class="sy4">;</span>
&nbsp; &nbsp; manObj.<span class="me1">kill</span><span class="br0">&#40;</span>dogObj<span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; manObj.<span class="me1">heal</span><span class="br0">&#40;</span>dogObj<span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; dogObj.<span class="me1">life</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; <span class="kw1">return</span> <span class="nu0">0</span><span class="sy4">;</span>
<span class="br0">&#125;</span></pre></td></tr></table></div></td></tr></tbody></table></div>4. Супер-класс.<br />
<div class="codeblock"><table class="cpp"><thead><tr><td colspan="2" id="385844148"  class="head">C++</td></tr></thead><tbody><tr class="li1"><td><div id="385844148" style="height: 334px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
</pre></td><td class="de1"><pre class="de1"><span class="co2">#include &lt;iostream&gt;</span>
<span class="kw2">class</span> dog<span class="br0">&#123;</span>
<span class="kw2">protected</span><span class="sy4">:</span> std<span class="sy4">::</span><span class="me2">string</span> nom<span class="sy4">;</span>
<span class="kw2">private</span><span class="sy4">:</span><span class="kw4">int</span> helf<span class="sy1">=</span><span class="nu0">100</span><span class="sy4">;</span>
<span class="kw2">public</span><span class="sy4">:</span>
&nbsp; &nbsp; dog<span class="br0">&#40;</span>std<span class="sy4">::</span><span class="me2">string</span> x<span class="br0">&#41;</span><span class="br0">&#123;</span>nom<span class="sy1">=</span>x<span class="sy4">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw4">void</span> get<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>std<span class="sy4">::</span><span class="kw3">cout</span><span class="sy1">&lt;&lt;</span><span class="st0">&quot;Кличка &quot;</span><span class="sy1">&lt;&lt;</span>nom<span class="sy4">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw4">void</span> life<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>std<span class="sy4">::</span><span class="kw3">cout</span><span class="sy1">&lt;&lt;</span><span class="st0">&quot;Здоровье &quot;</span><span class="sy1">&lt;&lt;</span>helf<span class="sy1">&lt;&lt;</span>std<span class="sy4">::</span><span class="me2">endl</span><span class="sy4">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="sy4">;</span>
<span class="kw2">class</span> bolt<span class="sy4">:</span><span class="kw2">public</span> dog<span class="br0">&#123;</span>
<span class="kw2">private</span><span class="sy4">:</span> <span class="kw4">float</span> u<span class="sy4">;</span>
<span class="kw2">public</span><span class="sy4">:</span>bolt<span class="br0">&#40;</span>std<span class="sy4">::</span><span class="me2">string</span> nom,<span class="kw4">float</span> x<span class="br0">&#41;</span><span class="sy4">:</span>dog<span class="br0">&#40;</span>nom<span class="br0">&#41;</span><span class="br0">&#123;</span>u<span class="sy1">=</span>x<span class="sy4">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="kw4">void</span> get<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>dog<span class="sy4">::</span><span class="me2">get</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy4">;</span>std<span class="sy4">::</span><span class="kw3">cout</span><span class="sy1">&lt;&lt;</span><span class="st0">&quot;<span class="es1">\n</span>Скорость &quot;</span><span class="sy1">&lt;&lt;</span>u<span class="sy4">;</span><span class="br0">&#125;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="sy4">;</span>
<span class="kw4">int</span> main<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; bolt boltObj<span class="br0">&#40;</span><span class="st0">&quot;Bolt&quot;</span>,<span class="nu17">1.3f</span><span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; boltObj.<span class="me1">get</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; <span class="kw1">return</span> <span class="nu0">0</span><span class="sy4">;</span>
<span class="br0">&#125;</span></pre></td></tr></table></div></td></tr></tbody></table></div>Изучение предыдущих 18 глав заняли 20% времени, последующих четыре главы 80%. Где-то в истории такое уже было и такое соотношение затрат времени носит название принцип Парето. Прослеживается намек, что следующая глава отнимет 4 месяца. Надеюсь на лучшее. <br />
Продолжение следует.</div>

]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/10447.html</guid>
		</item>
		<item>
			<title>dev-c++5.11 Продолжаю движение.</title>
			<link>https://www.cyberforum.ru/blogs/1851672/10403.html</link>
			<pubDate>Sun, 08 Jun 2025 08:12:07 GMT</pubDate>
			<description>Казалось, день прошел впустую. Просмотрел кучу видео и только потом заметил заголовок - уроки си....</description>
			<content:encoded><![CDATA[<div>Казалось, день прошел впустую. Просмотрел кучу видео и только потом заметил заголовок - уроки си. Искусители сбивали новичка с пути с++.  Так легко ошибиться когда вокруг столько яп содержащих в названии си.<br />
Вот о чем мне напели эти вражеские бесы:<br />
<br />
<ul><li>типам можно удвоить вместимость добавляя в началее long. <b>/// справедливо для с++</b></li>
<li>unsigned отключает отрицательные значения, длина положительной оси удваивается.<b>/// справедливо для с++ </b></li>
<li>ни byte ни word нет.<b>/// справедливо для с++</b> вместо ворда unsigned short</li>
<li>вывод делается исключительно с помощью printf(). Аргументами коей являются шаблон и переменная,(как format() в делфи).<b>/// справедливо для с++</b>. создатели прямо намекали, что название функции означает &quot;print-format&quot; <br />
printf('%d',v)//целое число<br />
%.1f вещественное до десятых.<br />
%s %c строка.</li>
<li>char может быть только в одинарных кавычках.<b>/// справедливо для с++</b></li>
<li>auto индекс в коллекции</li>
<li>(float)i/2; смена типа на лету</li>
</ul>Сегодня перепроверил все данные. Оказалось вчерашние данные справедливы и для с++.<br />
Мир полон удивительных открытий. На сем прощаюсь, Искренне Ваш. Продолжение следует.<br />
<div class="codeblock"><table class="cpp"><thead><tr><td colspan="2" id="351051551"  class="head">C++</td></tr></thead><tbody><tr class="li1"><td><div id="351051551" style="height: 222px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
</pre></td><td class="de1"><pre class="de1"><span class="co2">#include &lt;iostream&gt;</span>
<span class="kw4">struct</span> o<span class="br0">&#123;</span>
&nbsp; &nbsp; <span class="kw4">char</span> s<span class="br0">&#91;</span><span class="nu0">5</span><span class="br0">&#93;</span><span class="sy1">=</span><span class="br0">&#123;</span><span class="st0">'n'</span>,<span class="st0">'i'</span>,<span class="st0">'c'</span>,<span class="st0">'e'</span>,<span class="st0">'<span class="es5">\0</span>'</span><span class="br0">&#125;</span><span class="sy4">;</span>
&nbsp; &nbsp; <span class="kw4">unsigned</span> <span class="kw4">long</span> <span class="kw4">int</span> x<span class="sy1">=</span><span class="nu0">2</span><span class="sy4">;</span>
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="sy4">;</span>
<span class="kw4">int</span> main<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; o k<span class="sy4">;</span>
&nbsp; &nbsp; <span class="kw3">printf</span><span class="br0">&#40;</span><span class="st0">&quot;%s day %d<span class="es1">\n</span>&quot;</span>,k.<span class="me1">s</span>,k.<span class="me1">x</span><span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; <span class="kw3">system</span><span class="br0">&#40;</span><span class="st0">&quot;pause&quot;</span><span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; <span class="kw1">return</span> <span class="nu0">0</span><span class="sy4">;</span>
<span class="br0">&#125;</span>
<span class="co1">//nice day 2</span></pre></td></tr></table></div></td></tr></tbody></table></div>P.S. Полученные варны<font color="DarkOrange"><br />
[Warning] non-static data member initializers only available with -std=c++11 or -std=gnu++11	<br />
[Warning] extended initializer lists only available with -std=c++11 or -std=gnu++11</font></div>

]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/10403.html</guid>
		</item>
		<item>
			<title>с++ Что нового?</title>
			<link>https://www.cyberforum.ru/blogs/1851672/10399.html</link>
			<pubDate>Fri, 06 Jun 2025 19:45:29 GMT</pubDate>
			<description>Продолжаю обзор dev-cpp5.11. Посмотрев на проекты, предоставленные нам для обучения, становится...</description>
			<content:encoded><![CDATA[<div>Продолжаю обзор dev-cpp5.11. Посмотрев на проекты, предоставленные нам для обучения, становится видно, что они разные по содержащимся файлам<br />
где:<br />
<b>.dev</b> обязательно присутствует <br />
<b>.cpp/.c</b> один из них обязателен<br />
<b>.rc</b> часто встречается<br />
<b>.h</b> редко встречается<br />
<b>.layout</b> присутствует очень редко<br />
<br />
Отсюда можно сделать вывод, что файлы .cpp/.c содержат код.<br />
Хеллоу ворлд выглядит так <br />
<div class="codeblock"><table class="cpp"><thead><tr><td colspan="2" id="370151861"  class="head">C++</td></tr></thead><tbody><tr class="li1"><td><div id="370151861" style="height: 190px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
8
9
10
</pre></td><td class="de1"><pre class="de1"><span class="co2">#include &lt;iostream&gt;</span>
<span class="co2">#include &lt;conio.h&gt;</span>
<span class="kw2">using</span> <span class="kw2">namespace</span> std<span class="sy4">;</span>
<span class="kw4">int</span> main <span class="br0">&#40;</span><span class="kw4">int</span> argc, <span class="kw4">char</span> <span class="sy2">*</span>argv<span class="br0">&#91;</span><span class="br0">&#93;</span><span class="br0">&#41;</span>
<span class="br0">&#123;</span> 
&nbsp; &nbsp; setlocale<span class="br0">&#40;</span>LC_ALL,<span class="st0">&quot;Russian&quot;</span><span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; <span class="kw3">cout</span> <span class="sy1">&lt;&lt;</span> <span class="st0">&quot;Hello! Мир.&quot;</span> <span class="sy1">&lt;&lt;</span> endl<span class="sy4">;</span>
&nbsp; &nbsp; _getch<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy4">;</span>
&nbsp; &nbsp; <span class="kw1">return</span> <span class="nu0">0</span><span class="sy4">;</span>
<span class="br0">&#125;</span></pre></td></tr></table></div></td></tr></tbody></table></div>Характеристики этого кода типовые:<br />
1)Русский понимает <br />
(в особо тяжелых случаях юзают<br />
    SetConsoleCP(1251);<br />
    SetConsoleOutputCP(1251);)<br />
2)_getch() ждет нажатие клавиши прежде чем исчезнуть с экрана(привожу также два аналога). <ul><li>a)cin.get(); тоже гуд</li>
<li>b)system (&quot;pause&quot;);аналогично</li>
</ul>3)endl аналог переноса строки. типа \n.<br />
4) // комментарий, /*или так*/<br />
5) \ экранирование<br />
6) exit(0); выйти из проги с кодом<br />
<br />
Джентельменский набор ветвлений и циклов присутствует.<ol style="list-style-type: decimal"><li>Ветвление if (isdigit('6')) {std::cout&lt;&lt;&quot;branch &quot;;}else{}</li>
<li>Ветвление switch (i){case 'A': case 'C':break; default: break;}</li>
<li>Цикл for(int j=1; j&lt;4; j++){cout &lt;&lt; j;}</li>
<li>Цикл while(true){break;}</li>
<li>Цикл do{}while(true)</li>
</ol>Переменные. О них удалось установить следующее. Типы: void,без типа,bool b=true,int i=1, double x,y=4.0f (f-признак вещественного числа необязателен, x тут для отвода глаз, таким макаром инициализировать x не получится),char c='\0',float.<br />
В переменных есть структуры - заключенные в фигурные скобки переменные. В pascal это называлось record.<br />
struct o{int x,y;}<br />
int v{};что то непонятное<br />
Строки string s.<br />
Массивы int a[4]={0,0,0,0}//одномерный<br />
int a[2][2]={{1,1},{2,2}}//двумерный<br />
int a[2][2][2]={{{1,1},{2,2}},{{3,3},{4,4}}};//трехмерный<br />
<br />
Некоторые команды\типы требуют префикс std::string N; Однако, старшие товарищи показали как это пофиксить - вместо std:: перед каждой командой, в начале проги написать <b>using namespace std;</b><br />
<br />
Поделал хозяйственные дела.<br />
Почистил поток от мусора. Разницы не заметил.<br />
<div class="codeblock"><table class="cpp"><thead><tr><td colspan="2" id="152187030"  class="head">C++</td></tr></thead><tbody><tr class="li1"><td><div id="152187030" style="height: 62px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
</pre></td><td class="de1"><pre class="de1"><span class="kw4">int</span> n<span class="sy4">;</span> <span class="kw3">cin</span> <span class="sy1">&gt;&gt;</span> n<span class="sy4">;</span>
<span class="kw1">while</span> <span class="br0">&#40;</span><span class="kw3">cin</span>.<span class="me1">get</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy3">!</span><span class="sy1">=</span><span class="st0">'<span class="es1">\n</span>'</span><span class="br0">&#41;</span><span class="sy4">;</span> <span class="co1">// освобождаемся от мусора в потоке</span></pre></td></tr></table></div></td></tr></tbody></table></div>Попробовал читать другие типы данных. Успешно.<br />
<div class="codeblock"><table class="cpp"><thead><tr><td colspan="2" id="151370331"  class="head">C++</td></tr></thead><tbody><tr class="li1"><td><div id="151370331" style="height: 62px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
</pre></td><td class="de1"><pre class="de1"><span class="kw4">char</span> q<span class="br0">&#91;</span><span class="nu0">8</span><span class="br0">&#93;</span><span class="sy4">;</span>std<span class="sy4">::</span><span class="kw3">cin</span>.<span class="me1">getline</span><span class="br0">&#40;</span>q,<span class="nu0">8</span><span class="br0">&#41;</span><span class="sy4">;</span><span class="co1">// читаю массив символов</span>
std<span class="sy4">::</span><span class="me2">string</span> q<span class="sy4">;</span>getline<span class="br0">&#40;</span>std<span class="sy4">::</span><span class="kw3">cin</span>, q<span class="br0">&#41;</span><span class="sy4">;</span> <span class="co1">//читаю строку</span></pre></td></tr></table></div></td></tr></tbody></table></div>Рандом пощупал. Рандом возвращает число [0..32767]. Нужны 2 заголовочных файла, которые уже есть.<br />
<div class="codeblock"><table class="cpp"><thead><tr><td colspan="2" id="851102494"  class="head">C++</td></tr></thead><tbody><tr class="li1"><td><div id="851102494" style="height: 94px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
</pre></td><td class="de1"><pre class="de1"><span class="co2">#include &lt;stdlib.h&gt;// for rand</span>
<span class="co2">#include &lt;time.h&gt;// for rand</span>
<span class="kw3">srand</span><span class="br0">&#40;</span><span class="kw3">time</span><span class="br0">&#40;</span><span class="kw2">NULL</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy4">;</span><span class="co1">//включим его</span>
<span class="kw3">rand</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy4">;</span><span class="co1">//рандом</span></pre></td></tr></table></div></td></tr></tbody></table></div>Теперь минутка непознанного. Загадочный вывод трех лишних символов, как?<br />
<div class="codeblock"><table class="cpp"><thead><tr><td colspan="2" id="762897127"  class="head">C++</td></tr></thead><tbody><tr class="li1"><td><div id="762897127" style="height: 142px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
</pre></td><td class="de1"><pre class="de1"><span class="co2">#include &lt;iostream&gt;</span>
main<span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; &nbsp; <span class="kw4">char</span> s<span class="br0">&#91;</span><span class="nu0">3</span><span class="br0">&#93;</span><span class="sy1">=</span><span class="br0">&#123;</span><span class="st0">'m'</span>,<span class="st0">'i'</span>,<span class="st0">'r'</span><span class="br0">&#125;</span><span class="sy4">;</span>
&nbsp; &nbsp; std<span class="sy4">::</span><span class="kw3">cout</span><span class="sy1">&lt;&lt;</span><span class="st0">&quot;hello &quot;</span><span class="sy1">&lt;&lt;</span>s<span class="sy4">;</span>
&nbsp; &nbsp; <span class="kw1">return</span> <span class="nu0">0</span><span class="sy4">;</span>
<span class="br0">&#125;</span>
<span class="co1">//hello mir°F¦</span></pre></td></tr></table></div></td></tr></tbody></table></div>Самочувствие нормальное. Завтра продолжу записи. ;)</div>

]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/10399.html</guid>
		</item>
		<item>
			<title>Dev-c++5.11 Покорение вершины</title>
			<link>https://www.cyberforum.ru/blogs/1851672/10388.html</link>
			<pubDate>Mon, 02 Jun 2025 19:59:58 GMT</pubDate>
			<description>С утра преследовала одна мысль - вот бы выучить С++. Сказано-сделано. Окончив смену, скачал в...</description>
			<content:encoded><![CDATA[<div>С утра преследовала одна мысль - вот бы выучить С++. Сказано-сделано. Окончив смену, скачал в интернете бестселлер Дэвиса Dev-C++ для чайников. Книга оказалась интересной и я скачал среду, на примере которой ведется повествование. Dev-C++5.0. Прога установилась без проблем. Попробовав скомпилить хелоу ворд, я обнаружил что компилятор тихо гонит туфту. Производит видимость какой-то работы, а по итогу на выходе ничего нет-ни ошибок, ни икзешника. Лезу в логи:<br />
<div class="codeblock"><table class="unknown"><thead><tr><td colspan="2" id="661854023"  class="head">Code</td></tr></thead><tbody><tr class="li1"><td><div id="661854023" style="height: 158px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
8
</pre></td><td class="de1"><pre class="de1">Compiler: Default compiler
Executing &nbsp;g++.exe...
g++.exe &quot;C:\Users\Admin\Documents\Untitled1.cpp&quot; -o &quot;C:\Users\Admin\Documents\Untitled1.exe&quot; &nbsp; &nbsp;
-I&quot;C:\Dev-Cpp\lib\gcc\mingw32\3.4.2\include&quot; &nbsp;-I&quot;C:\Dev-Cpp\include\c++\3.4.2\backward&quot; &nbsp;
-I&quot;C:\Dev-Cpp\include\c++\3.4.2\mingw32&quot; &nbsp;-I&quot;C:\Dev-Cpp\include\c++\3.4.2&quot; &nbsp;
-I&quot;C:\Dev-Cpp\include&quot; &nbsp; -L&quot;C:\Dev-Cpp\lib&quot; 
Execution terminated
Compilation successful</pre></td></tr></table></div></td></tr></tbody></table></div>И тем ни менее:<br />
<div class="codeblock"><table class="unknown"><thead><tr><td colspan="2" id="386646425"  class="head">Code</td></tr></thead><tbody><tr class="li1"><td><div id="386646425" style="height: 46px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
</pre></td><td class="de1"><pre class="de1">Source file not compiled.</pre></td></tr></table></div></td></tr></tbody></table></div>Не помогли ни какие ухищрения. <br />
Пришлось скачать более новую версию 5.11.<br />
Эта лошадка сама встала в колею и провела ровную борозду. Тестировал на таком коде<br />
<div class="codeblock"><table class="unknown"><thead><tr><td colspan="2" id="456815034"  class="head">Code</td></tr></thead><tbody><tr class="li1"><td><div id="456815034" style="height: 126px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
</pre></td><td class="de1"><pre class="de1">#include &lt;iostream&gt;
int main<span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span>
&nbsp;setlocale<span class="br0">&#40;</span>LC_ALL, &quot;Russian&quot;<span class="br0">&#41;</span>;
&nbsp;printf<span class="br0">&#40;</span>&quot;Привет!\n&quot;<span class="br0">&#41;</span>;
&nbsp;system<span class="br0">&#40;</span>&quot;pause&quot;<span class="br0">&#41;</span>;
<span class="br0">&#125;</span></pre></td></tr></table></div></td></tr></tbody></table></div>Завтра напишем на с++ что-нибудь еще! Но это уже совсем другая история.</div>

]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/10388.html</guid>
		</item>
		<item>
			<title>Облако проектов</title>
			<link>https://www.cyberforum.ru/blogs/1851672/10384.html</link>
			<pubDate>Sun, 01 Jun 2025 19:58:43 GMT</pubDate>
			<description>Слава Джа, написал прогу для компиляции. Значит написал компилятор?  
Обьем кода 300+ строк....</description>
			<content:encoded><![CDATA[<div>Слава Джа, написал прогу для компиляции. Значит написал компилятор? <br />
Обьем кода 300+ строк. Язык-яву. Вводим данные, заполняем поля, тычем радиобаттоны. И по итогу в поле результат получам листинг хтмл-файла. Этот файл описание проекта, типа его карточка. т.е. имеет картинку изображающее внешний вид проекта, иконка проекта, на каких языках написано, краткое описание.<br />
Все добро представляет собой полноценную страницу. Но есть волшебство, при отображении ее в окошке ифрейма она трансформируется в карточку. Такой подход дает возможность отображать набор карточек имея множество ифреймов.<br />
Типов компоновки данных четыре.<br />
1.Стандартный(форма квадратная), 2.книжный(форма вытянута вертикально),<br />
3.альбомный(форма вытянут горизонтально),4.без скриншота.<br />
Однако возникает вопрос нахрена карточку с минимумом инфы разворачивать на полный экран? Чего интересного собрался там увидеть? Другое дело если бы на полный экран отобразилось бы несравненно больше инфы, чем в ифрейме. Но токда когда это туда добавлять? Ведь компилятор создает карточку для микроскопичекого ифрейма.<br />
<br />
При таком ограниченном просторе для использования, есть еще одна проблема - <br />
для получения скрина иконки необходима маленькая спецпрограмма сделанная на делфи. Как раз ее не хватает, анкетных данных, маленьких буковок. Разве дело в буковках? скажите.<br />
<br />
Пространство имен. Имена отборные, не имеют пересечений. Общее число 18 штук. Два шаблона и массив трансформер.<br />
Имена: yoni yong tango vens upon down halva long injaz dlina mone akula maket soap elon mika kata num. Это гарантирует быструю замену на понятные.</div>

]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/10384.html</guid>
		</item>
		<item>
			<title>Двухбуквенные коды стран в шифровании.</title>
			<link>https://www.cyberforum.ru/blogs/1851672/10375.html</link>
			<pubDate>Sat, 31 May 2025 12:55:46 GMT</pubDate>
			<description>Человечество издревле манила возможность замены сочетаний букв вымышленными символами, делающие...</description>
			<content:encoded><![CDATA[<div>Человечество издревле манила возможность замены сочетаний букв вымышленными символами, делающие сообщение понятным только для посвещенных. Настала пора внести в это свой вклад. Двухбуквенные коды стран соответствующие доменам, явились весьма удобными для таких криптологических экзерсисов в эту майскую грозу. Вооружившись википедией, раскрытой на странице Домены верхнего уровня по странам (<a rel="nofollow noopener noreferrer" href="https://ru.wikipedia.org/wiki/%D0%A1%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_%D0%B4%D0%BE%D0%BC%D0%B5%D0%BD%D0%BE%D0%B2_%D0%B2%D0%B5%D1%80%D1%85%D0%BD%D0%B5%D0%B3%D0%BE_%D1%83%D1%80%D0%BE%D0%B2%D0%BD%D1%8F#%D0%94%D0%BE%D0%BC%D0%B5%D0%BD%D1%8B_%D0%B2%D0%B5%D1%80%D1%85%D0%BD%D0%B5%D0%B3%D0%BE_%D1%83%D1%80%D0%BE%D0%B2%D0%BD%D1%8F_%D0%BF%D0%BE_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B0%D0%BC" target="_blank" title="https://ru.wikipedia.org/wiki/%D0%A1%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_%D0%B4%D0%BE%D0%BC%D0%B5%D0%BD%D0%BE%D0%B2_%D0%B2%D0%B5%D1%80%D1%85%D0%BD%D0%B5%D0%B3%D0%BE_%D1%83%D1%80%D0%BE%D0%B2%D0%BD%D1%8F#%D0%94%D0%BE%D0%BC%D0%B5%D0%BD%D1%8B_%D0%B2%D0%B5%D1%80%D1%85%D0%BD%D0%B5%D0%B3%D0%BE_%D1%83%D1%80%D0%BE%D0%B2%D0%BD%D1%8F_%D0%BF%D0%BE_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B0%D0%BC">https://ru.wikipedia.org/wiki/... 0%B0%D0%BC</a>) я принялся за дело. Бойко скопировав написанным скриптом флаги, создал первую шифровку. Меня ждал неприятный сюрприз французский триколор(fr) подмял под себя большинство колониальных доменов. Пришлось срочно корректировать код. Дюжина доменов отправилась в утиль. Это были gf,pm,re,wf,nc,gp. Исключение франц. колония Майотта(yt)<br />
С Норвегией(no) получилась примерно такая же ситуация (bv,sj).<br />
У Тимора два домена - tl,tp.<br />
Зато некоторые карликовые государства, как выяснилось, вовсе не имеют флагов: остров Вознесения, остров св Елены(ac,sh).<br />
 <br />
Некоторые страны обладают настолько похожими флагами, что только рысье зрение позволит различить их.<br />
Румыния и Чад (ro,td). Румынский синий смещен мной в голубую часть спектра, во избежание путаницы с его близнецом республикой Чад.<br />
Такими же двойниками являются:<br />
о-в.Питкэрн и юж.Георгия (pn,gs)      <br />
Андорра и Молдова (ad,md)<br />
Таджикистан и Венгрия (tj,hu)<br />
Итог: результатом проделанной работы стала программа отвечающая самым современным требованиям.</div>


<!-- attachments -->
	<div style="margin-top:10px">

		
			<fieldset class="fieldset">
				<legend>Миниатюры</legend>
				<div style="padding:3px">
				
	<a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=10861&amp;d=1748696108" target="attachment" rel="Lightbox" id="attachment10861"><img loading="lazy" decoding="async" class="thumbnail" src="https://www.cyberforum.ru/blog_attachment.php?attachmentid=10861&amp;stc=1&amp;thumb=1&amp;d=1748696108" border="0" alt="Нажмите на изображение для увеличения
Название: main.png
Просмотров: 241
Размер:	24.3 Кб
ID:	10861" /></a>
	&nbsp;
	

				</div>
			</fieldset>
		
		
		
		
			<fieldset class="fieldset">
				<legend>Вложения</legend>
				<table cellpadding="0" cellspacing="3" border="0">
				
				</table>
			</fieldset>
		

	</div>
<!-- / attachments -->
]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/10375.html</guid>
		</item>
		<item>
			<title>Атака на иероглифический шифр простой замены.</title>
			<link>https://www.cyberforum.ru/blogs/1851672/8339.html</link>
			<pubDate>Sun, 26 Nov 2023 17:27:21 GMT</pubDate>
			<description>После многочисленных попыток реализовать нечто разгадывающее текст из нестандартных символов...</description>
			<content:encoded><![CDATA[<div>После многочисленных попыток реализовать нечто разгадывающее текст из нестандартных символов появилась эта химера, написанная на делфи7, хтмл, цсс, js. <br />
Cобственно делфи программа делает скриншот и вырезает изображение в файл, берет у юзера размер иероглифа, на основе этих данных создает хтмл файл и запускает его в браузере хром.<br />
А дальше все происходит по воле js скрипта.<br />
Таким образом у нас в руках фабрика, по запросу шпампующая индивидуальные js-скрипты.<br />
В качестве примера расшифровывается текст из эмодзи.<br />
<iframe width="640" height="360" src="https://www.youtube.com/embed/hvleqMWj0gg" frameborder="0" allowfullscreen></iframe><br />
<br />
<br />
P.S. Если шифрограмма состоит из обычных букв, ее сразу можно вставить предусмотренным методом paste.<br />
Для этого перемотай сразу на третью часть, не вводя данные в первых двух.</div>


<!-- attachments -->
	<div style="margin-top:10px">

		
			<fieldset class="fieldset">
				<legend>Миниатюры</legend>
				<div style="padding:3px">
				
	<a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=8375&amp;d=1701019484" target="attachment" rel="Lightbox" id="attachment8375"><img loading="lazy" decoding="async" class="thumbnail" src="https://www.cyberforum.ru/blog_attachment.php?attachmentid=8375&amp;stc=1&amp;thumb=1&amp;d=1701019484" border="0" alt="Нажмите на изображение для увеличения
Название: symblebar.png
Просмотров: 229
Размер:	63.4 Кб
ID:	8375" /></a>
	&nbsp;
	

				</div>
			</fieldset>
		
		
		
		
			<fieldset class="fieldset">
				<legend>Вложения</legend>
				<table cellpadding="0" cellspacing="3" border="0">
				
				</table>
			</fieldset>
		

	</div>
<!-- / attachments -->
]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/8339.html</guid>
		</item>
		<item>
			<title>Самопальный Векторный Редактор</title>
			<link>https://www.cyberforum.ru/blogs/1851672/8284.html</link>
			<pubDate>Thu, 12 Oct 2023 14:58:44 GMT</pubDate>
			<description>Нарисовано векторное изображение, имеющее целью дать представление о еже в лунную ночь. 
На картине...</description>
			<content:encoded><![CDATA[<div>Нарисовано векторное изображение, имеющее целью дать представление о еже в лунную ночь.<br />
На картине изображены звезды, луна и еж. Материалы: svg полигоны, круги, квадрат.<br />
<br />
Процесс создания эпичной животины запечатлен на видео. <br />
<iframe width="640" height="360" src="https://www.youtube.com/embed/hVFrjL-2hh8" frameborder="0" allowfullscreen></iframe><br />
<br />
<a rel="nofollow noopener noreferrer" href="https://github.com/vip690/js_nondraw/blob/main/work/n0cry.html" target="_blank" title="https://github.com/vip690/js_nondraw/blob/main/work/n0cry.html">Страница на github</a></div>


<!-- attachments -->
	<div style="margin-top:10px">

		
			<fieldset class="fieldset">
				<legend>Миниатюры</legend>
				<div style="padding:3px">
				
	<a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=8293&amp;d=1697122372" target="attachment" rel="Lightbox" id="attachment8293"><img loading="lazy" decoding="async" class="thumbnail" src="https://www.cyberforum.ru/blog_attachment.php?attachmentid=8293&amp;stc=1&amp;thumb=1&amp;d=1697122372" border="0" alt="Нажмите на изображение для увеличения
Название: icon.png
Просмотров: 200
Размер:	219.9 Кб
ID:	8293" /></a>
	&nbsp;
	

				</div>
			</fieldset>
		
		
		
		
			<fieldset class="fieldset">
				<legend>Вложения</legend>
				<table cellpadding="0" cellspacing="3" border="0">
				
				</table>
			</fieldset>
		

	</div>
<!-- / attachments -->
]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/8284.html</guid>
		</item>
		<item>
			<title>Speedrun по расшифровке простой замены</title>
			<link>https://www.cyberforum.ru/blogs/1851672/8257.html</link>
			<pubDate>Tue, 19 Sep 2023 09:27:40 GMT</pubDate>
			<description>Создана специальная программа для спортивных спидранов по расшифровке простой замены. Для чистоты...</description>
			<content:encoded><![CDATA[<div>Создана специальная программа для спортивных спидранов по расшифровке простой замены. Для чистоты эксперимента иероглифические шифрограммы в зачет не идут. Получены результаты: на 600 знаков, без пробелов и пунктуации, тратится около 422.600 секунд. В частности замечу, что наличие в тексте слов 'это', 'что' cущественно облегчает взлом.<br />
Видео отчет прилагаю.<br />
<iframe width="640" height="360" src="https://www.youtube.com/embed/NUNwdyQ8Tl4" frameborder="0" allowfullscreen></iframe></div>


<!-- attachments -->
	<div style="margin-top:10px">

		
			<fieldset class="fieldset">
				<legend>Миниатюры</legend>
				<div style="padding:3px">
				
	<a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=8273&amp;d=1695208408" target="attachment" rel="Lightbox" id="attachment8273"><img loading="lazy" decoding="async" class="thumbnail" src="https://www.cyberforum.ru/blog_attachment.php?attachmentid=8273&amp;stc=1&amp;thumb=1&amp;d=1695208408" border="0" alt="Нажмите на изображение для увеличения
Название: sxem.png
Просмотров: 204
Размер:	126.3 Кб
ID:	8273" /></a>
	&nbsp;
	

				</div>
			</fieldset>
		
		
		
		
			<fieldset class="fieldset">
				<legend>Вложения</legend>
				<table cellpadding="0" cellspacing="3" border="0">
				
				</table>
			</fieldset>
		

	</div>
<!-- / attachments -->
]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/8257.html</guid>
		</item>
		<item>
			<title>Иконка требует доработки</title>
			<link>https://www.cyberforum.ru/blogs/1851672/8227.html</link>
			<pubDate>Fri, 18 Aug 2023 06:01:54 GMT</pubDate>
			<description>После создания генератора иконок, долгое время получаемое изделие казалось идеальным, но... 
На W10...</description>
			<content:encoded><![CDATA[<div>После создания генератора иконок, долгое время получаемое изделие казалось идеальным, но...<br />
На W10 выявился дефект изображения, связанный с тем что формат был не до конца правильно понят. <br />
По иконке проходит черная волнистая полоса. На W8.1 такого не было.<br />
То, что поначалу казалось маской, очевидно, имеет другую функцию.<br />
Были проведены исследования этой проблемы. На верхнем фото код правильной иконки, на нижнем - битой.<br />
Проверка дала неожиданные результаты. Оказалось что биты внутри байтов вывернуты наизнанку.<br />
Для устранения этого пришлось сделать разводку, используя массив<br />
<div class="codeblock"><table class="delphi"><thead><tr><td colspan="2" id="888772669"  class="head">Delphi</td></tr></thead><tbody><tr class="li1"><td><div id="888772669" style="height: 46px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
</pre></td><td class="de1"><pre class="de1"><span class="kw1">const</span> un<span class="sy1">:</span> <span class="kw1">array</span><span class="br0">&#91;</span><span class="nu0">0</span><span class="sy1">..</span><span class="nu0">15</span><span class="br0">&#93;</span><span class="kw1">of</span> <span class="kw4">byte</span><span class="sy3">=</span><span class="br0">&#40;</span><span class="nu0">7</span><span class="sy1">,</span><span class="nu0">6</span><span class="sy1">,</span><span class="nu0">5</span><span class="sy1">,</span><span class="nu0">4</span><span class="sy1">,</span><span class="nu0">3</span><span class="sy1">,</span><span class="nu0">2</span><span class="sy1">,</span><span class="nu0">1</span><span class="sy1">,</span><span class="nu0">0</span><span class="sy1">,</span><span class="nu0">15</span><span class="sy1">,</span><span class="nu0">14</span><span class="sy1">,</span><span class="nu0">13</span><span class="sy1">,</span><span class="nu0">12</span><span class="sy1">,</span><span class="nu0">11</span><span class="sy1">,</span><span class="nu0">10</span><span class="sy1">,</span><span class="nu0">9</span><span class="sy1">,</span><span class="nu0">8</span><span class="br0">&#41;</span><span class="sy1">;</span></pre></td></tr></table></div></td></tr></tbody></table></div>Теперь все работает как надо.</div>


<!-- attachments -->
	<div style="margin-top:10px">

		
			<fieldset class="fieldset">
				<legend>Миниатюры</legend>
				<div style="padding:3px">
				
	<a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=8211&amp;d=1692338501" target="attachment" rel="Lightbox" id="attachment8211"><img loading="lazy" decoding="async" class="thumbnail" src="https://www.cyberforum.ru/blog_attachment.php?attachmentid=8211&amp;stc=1&amp;thumb=1&amp;d=1692338501" border="0" alt="Нажмите на изображение для увеличения
Название: pm2.png
Просмотров: 282
Размер:	27.7 Кб
ID:	8211" /></a>
	&nbsp;
	

				</div>
			</fieldset>
		
		
		
		
			<fieldset class="fieldset">
				<legend>Вложения</legend>
				<table cellpadding="0" cellspacing="3" border="0">
				
				</table>
			</fieldset>
		

	</div>
<!-- / attachments -->
]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/8227.html</guid>
		</item>
		<item>
			<title>За выходные сварганил 2D векторный редактор.</title>
			<link>https://www.cyberforum.ru/blogs/1851672/8146.html</link>
			<pubDate>Sun, 18 Jun 2023 16:11:00 GMT</pubDate>
			<description>Делает графику для отображения в PascalABC.NET. 
Больше ничего не произошло. 
гитхаб...</description>
			<content:encoded><![CDATA[<div>Делает графику для отображения в PascalABC.NET.<br />
Больше ничего не произошло.<br />
<a rel="nofollow noopener noreferrer" href="https://github.com/sem6703/js_nondraw/blob/main/js_nondraw.html" target="_blank" title="https://github.com/sem6703/js_nondraw/blob/main/js_nondraw.html">гитхаб</a><br />
<iframe width="640" height="360" src="https://www.youtube.com/embed/GVRu2wa9Erk" frameborder="0" allowfullscreen></iframe></div>

]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/8146.html</guid>
		</item>
		<item>
			<title>Секрет .dae файлов раскрыт.</title>
			<link>https://www.cyberforum.ru/blogs/1851672/8137.html</link>
			<pubDate>Tue, 13 Jun 2023 20:03:42 GMT</pubDate>
			<description>Удалось вскрыть структуру этого формата и визуализировать в 2D пространстве. 
 
Проведем обработку...</description>
			<content:encoded><![CDATA[<div>Удалось вскрыть структуру этого формата и визуализировать в 2D пространстве.<br />
<br />
Проведем обработку такого участка кода<br />
<div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="819166044"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="819166044" style="height: 142px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
2
3
4
5
6
7
</pre></td><td class="de1"><pre class="de1"><span class="sc2">&lt;technique_common&gt;</span>
&nbsp; &nbsp; <span class="sc2">&lt;accessor source<span class="sy0">=</span><span class="st0">&quot;#Cube-mesh-positions-array&quot;</span> count<span class="sy0">=</span><span class="st0">&quot;8&quot;</span> stride<span class="sy0">=</span><span class="st0">&quot;3&quot;</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">param</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;X&quot;</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;float&quot;</span><span class="sy0">/</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">param</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;Y&quot;</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;float&quot;</span><span class="sy0">/</span>&gt;</span>
&nbsp; &nbsp; &nbsp; &nbsp; <span class="sc2">&lt;<span class="kw2">param</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;Z&quot;</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;float&quot;</span><span class="sy0">/</span>&gt;</span>
&nbsp; &nbsp; <span class="sc2">&lt;<span class="sy0">/</span>accessor&gt;</span>
<span class="sc2">&lt;<span class="sy0">/</span>technique_common&gt;</span></pre></td></tr></table></div></td></tr></tbody></table></div>Первоначально из кода надо сделать концентрат . Он состоит из &lt;&gt;/ и имен тегов.<br />
<div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="925195754"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="925195754" style="height: 46px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
</pre></td><td class="de1"><pre class="de1"><span class="sc2">&lt;technique_common&gt;&lt;accessor&gt;&lt;<span class="kw2">param</span><span class="sy0">/</span>&gt;&lt;<span class="kw2">param</span><span class="sy0">/</span>&gt;&lt;<span class="kw2">param</span><span class="sy0">/</span>&gt;&lt;<span class="sy0">/</span>accessor&gt;&lt;<span class="sy0">/</span>technique_common&gt;</span></pre></td></tr></table></div></td></tr></tbody></table></div>Из концентрата можно выделить непарные теги. Их особенность что они закрыты слешем /&gt;<br />
<br />
Непарные используются чтобы замутить регулярку для их поиска.<br />
<div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="417427167"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="417427167" style="height: 46px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
</pre></td><td class="de1"><pre class="de1">/<span class="sc2">&lt;<span class="br0">&#40;</span><span class="br0">&#91;</span>^&gt;</span>]+)&gt;<span class="sc2">&lt;\<span class="sy0">/</span><span class="nu0">1</span>&gt;</span>|<span class="sc2">&lt;param<span class="br0">&#91;</span>а-я<span class="br0">&#93;</span>+&gt;</span>/i</pre></td></tr></table></div></td></tr></tbody></table></div>Имена парных тегов нигде не нужны. От парного тега достаточно открывающий он или закрывающий.<br />
<br />
В концентрат добавляю бирки. Это русская кодировка английских тегов. При этом английские буквы и подчеркивание трансформируется в русские буквы. Позже используется и обратный процесс.  <br />
<div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="582574756"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="582574756" style="height: 46px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
</pre></td><td class="de1"><pre class="de1"><span class="sc2">&lt;technique_commonцдвзпитчдъврннрп&gt;&lt;accessorфввдххру&gt;&lt;paramсфуфн&gt;&lt;paramсфуфн&gt;&lt;paramсфуфн&gt;&lt;<span class="sy0">/</span>accessorфввдххру&gt;&lt;<span class="sy0">/</span>technique_commonцдвзпитчдъврннрп&gt;</span></pre></td></tr></table></div></td></tr></tbody></table></div>Во избежание повторного кодирования, фрагмент прошедший обработку выделяю с двух сторон знаками <br />
<div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="717664302"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="717664302" style="height: 46px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
</pre></td><td class="de1"><pre class="de1"><span class="sc2">&lt;technique_commonцдвзпитчдъврннрп&gt;&lt;accessorфввдххру&gt;</span> !cсфуфн! &nbsp;!cсфуфн! &nbsp;!cсфуфн! <span class="sc2">&lt;<span class="sy0">/</span>accessorфввдххру&gt;&lt;<span class="sy0">/</span>technique_commonцдвзпитчдъврннрп&gt;</span></pre></td></tr></table></div></td></tr></tbody></table></div>Биркованный текст проходит этапы сжатия и сокращения. В процессе английская часть тега сжимается до одной буквы.<br />
<div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="118545987"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="118545987" style="height: 46px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
</pre></td><td class="de1"><pre class="de1">aцдвзпитчдъврннрпaфввдххруcсфуфнcсфуфнcсфуфнzфввдххруzцдвзпитчдъврннрп</pre></td></tr></table></div></td></tr></tbody></table></div>Со стороны текст выглядит как полная галиматья. Но в таком виде текст все еще годен для обработки регулярками.<br />
<div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="839630172"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="839630172" style="height: 46px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
</pre></td><td class="de1"><pre class="de1">aцдвзпитчдъврннрпaфввдххруcсфуфн-cсфуфнzфввдххруzцдвзпитчдъврннрп</pre></td></tr></table></div></td></tr></tbody></table></div>Цепочки одинаковых тегов сокращаем до одного заключенного в скобки.<br />
<div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="63909873"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="63909873" style="height: 46px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
</pre></td><td class="de1"><pre class="de1">aцдвзпитчдъврннрпaфввдххру(cсфуфн)zфввдххруzцдвзпитчдъврннрп</pre></td></tr></table></div></td></tr></tbody></table></div>Если цепочка представляла контент блока, то у скобок тоже есть имя, имя блока.      <br />
<div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="862697123"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="862697123" style="height: 46px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
</pre></td><td class="de1"><pre class="de1">aцдвзпитчдъврннрп(фввдххруcсфуфн)фввдххруzцдвзпитчдъврннрп</pre></td></tr></table></div></td></tr></tbody></table></div>После такой перегонки строку надо разделить на теги и знаки препинания.<br />
<br />
Теги разделить на английскую букву и русскую бирку.<br />
<br />
Бирка декодируется в имя тега. Получено соответствие символов именам.<br />
<br />
<table cellspacing="1" cellpadding="5" class="stg_table tborder"><tbody><tr class="alt2"><td>'a'</td><td>'technique_common'</td></tr><tr class="alt1"><td>'('</td><td>'accessor'</td></tr><tr class="alt2"><td>'c'</td><td>'param'</td></tr><tr class="alt1"><td>')'</td><td>'accessor'</td></tr><tr class="alt2"><td>'z'</td><td>'technique_common'</td></tr></tbody></table><br />
Результат обработки представляет собой строку<br />
<div class="codeblock"><table class="html5"><thead><tr><td colspan="2" id="591700761"  class="head">HTML5</td></tr></thead><tbody><tr class="li1"><td><div id="591700761" style="height: 46px" class="codeframe"><table><tr class="li1"><td class="ln" style="padding: 0px 10px 0px 5px;"><pre class="de1">1
</pre></td><td class="de1"><pre class="de1">a(c)z</pre></td></tr></table></div></td></tr></tbody></table></div>Производится расчет и рисование прямолинейных примитивов с сопутствующими надписями.<br />
<table cellspacing="1" cellpadding="5" class="stg_table tborder"><tbody><tr class="alt2"><td>№</td><td>x1</td><td>y1</td><td>m</td><td>axe</td><td>nom</td><td>ink</td><td>x2</td><td>y2</td></tr><tr class="alt1"><td>0</td><td>12</td><td>302.5</td><td>'4'</td><td>2</td><td>'param'</td><td>'purple'</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr class="alt2"><td>1</td><td>0</td><td>362.5</td><td>'('</td><td>2.4</td><td>'accessor'</td><td>&nbsp;</td><td>49</td><td>&nbsp;</td></tr><tr class="alt1"><td>2</td><td>0</td><td>400</td><td>'a'</td><td>1.5</td><td>'technique_common'</td><td>&nbsp;</td><td>49</td><td>25</td></tr></tbody></table><br />
Производится рисование рюмкообразного объекта который попутно драпирует стыки.<br />
<br />
<table cellspacing="1" cellpadding="5" class="stg_table tborder"><tbody><tr class="alt2"><td>№</td><td>x1</td><td>y1</td><td>x2</td><td>axe</td><td>nom</td></tr><tr class="alt1"><td>0</td><td>425.5</td><td>362.5</td><td>474.5</td><td>2.4</td><td>'accessor'</td></tr></tbody></table><br />
<br />
<br />
<a rel="nofollow noopener noreferrer" href="https://github.com/vip690/kastle2/blob/main/colada.html" target="_blank" title="https://github.com/vip690/kastle2/blob/main/colada.html">гитхаб</a></div>


<!-- attachments -->
	<div style="margin-top:10px">

		
			<fieldset class="fieldset">
				<legend>Миниатюры</legend>
				<div style="padding:3px">
				
	<a href="https://www.cyberforum.ru/blog_attachment.php?attachmentid=8093&amp;d=1686686567" target="attachment" rel="Lightbox" id="attachment8093"><img loading="lazy" decoding="async" class="thumbnail" src="https://www.cyberforum.ru/blog_attachment.php?attachmentid=8093&amp;stc=1&amp;thumb=1&amp;d=1686686567" border="0" alt="Нажмите на изображение для увеличения
Название: collada.png
Просмотров: 281
Размер:	61.1 Кб
ID:	8093" /></a>
	&nbsp;
	

				</div>
			</fieldset>
		
		
			<fieldset class="fieldset">
				<legend>Изображения</legend>
				<div style="padding:3px">
				<img loading="lazy" decoding="async" class="attach" src="https://www.cyberforum.ru/blog_attachment.php?attachmentid=8095&amp;stc=1&amp;d=1686779172" border="0" alt="" />&nbsp;
				</div>
			</fieldset>
		
		
		
			<fieldset class="fieldset">
				<legend>Вложения</legend>
				<table cellpadding="0" cellspacing="3" border="0">
				
				</table>
			</fieldset>
		

	</div>
<!-- / attachments -->
]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/8137.html</guid>
		</item>
		<item>
			<title><![CDATA[Шестая версия SPA генеалогическог&shy;о движка. Работает более стабильно.]]></title>
			<link>https://www.cyberforum.ru/blogs/1851672/8131.html</link>
			<pubDate>Thu, 08 Jun 2023 13:11:12 GMT</pubDate>
			<description>Пожертвовать пришлось малочисленностью файлов. Теперь число модулей выросло до 30. Слишком...</description>
			<content:encoded><![CDATA[<div>Пожертвовать пришлось малочисленностью файлов. Теперь число модулей выросло до 30. Слишком непохожие задачи они выполняют. Раньше модуль был и швец и жнец в зависимости от входящих параметров, обработка разных ситуаций была возложена на один модуль. Теперь модуль разбит на множество мелких более специфичных. <br />
Заодно я научился передавать массив через ajax POST с js в php и обратно.<br />
<br />
<a rel="nofollow noopener noreferrer" href="https://github.com/sem6703/metrix" target="_blank" title="https://github.com/sem6703/metrix">гитхаб</a></div>

]]></content:encoded>
			<dc:creator>russiannick</dc:creator>
			<guid isPermaLink="true">https://www.cyberforum.ru/blogs/1851672/8131.html</guid>
		</item>
	</channel>
</rss>
