https://forum.vgd.ru/3/135136/ с помощью JS-библиотеки treeMaker: https://github.com/roumilb/treeMaker ru https://forum.vgd.ru/3/135136/p4229772.htm#pp4229772 https://forum.vgd.ru/3/135136/p4229772.htm#pp4229772 Всем привет.<br>Продолжаю делиться опытом из рубрики «Чем бы дитя ни тешилось...» <img height="20" width="20" src="https://forum.vgd.ru/smiles/101.gif" align="top" alt=":)" loading="lazy"><br><br>На очереди вариант создания веб-версии древа, которым можно поделиться с роднёй.<br><br>На этот раз взял за основу JS-библиотеку treeMaker (https://github.com/roumilb/treeMaker). Посмотрел ещё пример Organization Chart из библиотеки Google Charts (https://developers.google.com/chart/interactive/docs/gallery/orgchart), но первый вариант мне показался удобнее с точки зрения оформления.<br><br>Добавил только минимум информации — имена всех известных прямых предков и их годы жизни.<br><br>Пришлось немного подумать, как пронумеровать предков, чтобы номер был понятен и чтобы не получилось слишком большие числа. Придумал брать порядковый номер поколения и добавлять порядковый номер персоны в поколении. Итог и пример описания связей — на скриншотах.<br><br>Из плюсов:<br><ul><li> Подходит для создания простого древа с минимумом деталей.<li> В дальнейшем будет достаточно легко дополнить новыми найденными предками.<li> Можно управлять стилями оформления (чуть дольше будет разделить оформление по полу, но в случае древа прямых предков это не кажется сильно актуальным).<br></ul><br>Из минусов:<br><ul><li> Пришлось вносить изменения в CSS-стили, чтобы всё древо было доступно для просмотра с прокруткой (небольшое древо отображается без проблем).<li> По умолчанию нет возможности добавлять фотографии — нужно покопаться в коде.<li> Библиотека представляет собой папку с необходимыми файлами, а значит, чтобы поделиться древом, нужен хостинг для размещения кода или отправлять кому-то всю папку.<li> Чтобы сделать возможным показывать отдельную подветку, так же придётся дополнять код новыми функциями.<br></ul><br>Это пока только первое впечатление.<br>Буду пробовать дальше.<br><br>Получившийся вариант можно посмотреть на сайте (см. подпись) в пункте меню «Древо &gt; Версия №1». teemu Fri, 29 Jul 2022 13:51:42 +0300