Сергей Кореневский

Интересно то что в коде подчеркнута ошибка.
В общем скобку удаляй последнюю и будет тебе счастье.

Спасибо всем участникам. Кроме вопроса, Вы помогли раскрыть эту тему полностью. Надеюсь это будет полезно ищущим. Собственно я вопрос этот специально писал, чтобы его можно было легко найти через поиск.

Если интересно.
То прога простая, консольная, благодаря Вам ее написал. Показывает список папок и файлов пути которых больше чем 250 символов. Так как злой проводник Windows имеет ограничение для копирования файлов в 250 символов.
Нет возможности делать резервные копии. При больших объемах резервного копирования всегда найдутся 1000 файлов которые выдадут ошибку при копировании.
Надеюсь прога будет полезной.
https://disk.yandex.ru/d/q6YMB4pSRc3Kgw

Предположим что выподающее меню это список<ul><li>
Весь список позиционируйте как Abosulte.
.
Каждый элемент в списке это Радиокнопка.
Нажимая на кнопочку(треугольник справа) расскрытия меню, вы придаете этой кнопке фокус.
Напишите стиль что если кнопочка с треугольником имеет фокус, то все элементы в списке становятся видимыми, а если фокуса нет, то в списке будет отображатся только один элемент радиокнопки у которой сделан селект.
Ну а далее к каждой радиокнопке привязываете картинку, текст, и самурадиокнопку делаете прозрачной. И к каждой радиокнопке приделываете ховер.

Я ответа не знаю, но какая то строка в коде повторно инициализирует потерю фокуса.
let td_text = ($(this).html());
Предположим эта строка инициализирует потерю фокуса. Вам надо отсылать запросы отключая по очереди строки, чтобы узнать что именно вызывает повторно вызов функции.
Возможно Вам потребуется добавить флаг для каждой ячейки, если ячейка редактирована, то флаг включить, А потом при отправке запроса надо проверять наличие фалага, потом вынимать данные и потом отправлять запрос.

Тут смотрели?
https://developer.mozilla.org/en-US/docs/Web/API/W...

тут описаны все способы и использования addEventListener.
Быть может для Вашего скрипта события загрузки уже наступают еще до загрузки страницы?
Быть может Вам при начале выполнения скрипта, надо привязатся к событию загрузки тега BODY.
Но перед этим надо сделать проверку наличия тега BODY.

Вообще очень странно размещать каждое значение в теге NAV.
Если все значения будут в тегагх DIV, то уже проще будет.

div.insertAdjacentHTML('beforeend', users.map(item => {
let str= '<div>';
for(let prop in item){
let data = item[prop];
str += `<div class='${prop}'>${data}</div`;
}
str += `</div>`;
return str;
}).join(''))

Ну а потом в CSS расставите стили с положением свойств в карточке.
но тут проблемка в одном из свойств объекта есть свойство address которое в свою очередь имеет свои свойства и в данном примере выводится не будут.
Если таких свойств с вложенными объектами с неизвестными именами будет много, то скрипт угадывать этот не умеет для кого какие с войства выбирать.
Вам нужно в моем примере вложить проверку на то что свойства item явялется строкой или вложенным объектом, если строкой то все ОК, если объектом то надо в условии дополнительно разваорачивать подобный цикл FOR

SmartGit

1.Каждая карточка проекта будет иметь блок с краткой информацией и с полной информацией.
2.Когда блок с полной информацией картинки в которой в ней с ленивой загрузкой находятсы, то если блок имеет Display: none, то картинки не грузятся.
3. В каждой карточке распологаете Активный элемент, например кнопку (но не ссылку).
4.Тег лейбл этой кнопки разворачиваете на всю карточку краткой инфы. Когда посетитель кликает на карточку краткой инфы, то эта кнопка становится в фокусе.
5.Делаете стиль в условиях которого находится правило, что если кнопка в фокусе, то скрытый блок с инфой(попап) делаете Display: block;
6.После этого как картинки появятся на экране, они начнут подгружатся в попапе.
7.Чтобы при смене фокуса кнопки на сайте ПОПАП не изчезал используйте стиль focus-within.
8.Вы можете сделать форму обратной связи одну на все попапы сразу.
9.для каждого блока INPUT указываете имя с квадратными скобками вконце.
10 в блоке проекта с краткой инфой вместо кнопки можно использовать RadioButton.
11 разумеется кнопку или радиобутон нужно дизайнерски уменьшить и сделать невидимым.

Вы сами сайт хотели сделать чтобы продемонстрировать верстку или умение программировать, я думаю что лучше использовать готовую CMS с написанием своего компонента или модуля или использовать Framework.
Многих интересует как люди умеют пользоватся фреймворком в решении типичных задачь, а не сам код который так или иначе будет написан с ошибками в структурной организации.

Даже не вздумайте обновляться , как тут рекомендуют некоторые. Есть большая вероятность, что сайт вообще выйдет из строя после обновления на 3 или 4 joomla.
Параграфы могут обрезаться изза встроенного редактора в модулях. При сохранении они сохраняют теги как есть.
но при загрузке редактора текстов в статье или в модуле, происходит очистка тегов от запрещенных. Как правило в современном Joomla очистка происходит от скриптов и от фреймов.
Попробуйте переключить редактор тегов по умолчанию на Codemirror или на просто текстовое поле, а после проверьте обрезаются теги или нет.
А судя по тому что Joomla у Вас старенькая, начинайте по тихоньку думать чтобы купить новый сайт на этой CMS Joomla версии 4, с новыми требованиями, под мобильник, для полуслепых, для видимости на экранах смартфона в уличный солнечный день.
Если что спрашивайте, может помогу при новом сайте.

Apache Ant может подойдет?

Почитал тут комменты, БРЕД ПОЛНЫЙ,
Type-C в своем составе имеет линию DisplayPort( или другие видео протоколы).
Вот он их и использует.
Если TypeC имеет высокую пропускную способность, но конечные устройства не поддерживают профиль DisplayPort, то мониторы не подключишь.
Тут подключение происходит из ноута сигнал с видюхи через DisplayPort передается на DisplayPort монитора через кабель TypeC. И точка!!!.
Если Вы тут все мечтаете что мол картинка передается через информационные каналы USB. То тогда!!! В монитор должен быть встроена видеокарта получающая сжатый сигнал по USB c с процессора ноута, в свою очередь в ноуте должен быть специальный виртуальный Видеодрайвер который будет эмулировать видеокарту и передавать сигнал по USB.
Но это все чушь, такое возможно, но дорого, медленно и не практично. Возможно применимо в очень узкой задаче. Например применимо в условиях, когда надо подключить 8-20 мониторов, при этом картинка будет статической, т.е. показывать графики, таблицы, карты с отображением цветных меток и их статусов. Такое оборудование стоит намного дороже чем оборудование с простым подключением DisplayPort через USB-TypeC.
Судя по фотке, от ноуте подключен 1 кабель. А значит на фотке за монитором спрятан конвертер которые конвертирует сигнал расширенного 1ого монитора на сигналы 2х мониторов.
Либо надо смотреть профили самого протокола DisplayPort, если сам протокол имеет профиль подключения 2х мониторов, то даже в этом случае будет стоять конвертер который будет разделять сигналы 2х мониторов на 2 кабеля.
Возможен 3й вариант, сам монитор умеет разделять сигнал из DisplayPort. Но это врятли, такой монитор будет стоить в 1.5 раза дороже чем монитор просто с портом DisplayPort. Судя по картинке, там 2 монитора они внешне одинаковы. Либо это 2 дорогих монитора(бесмысленно), либо 2 обычных монитора с конвертером сигнала. Это для случае при передаче сигнала по каналу DisplayPort который должна подерживать TypeC/

А вообще интересно где вы взяли эту фотку. На фотке в кружочке может быть обведен кабель питания на 20Вольт. Что показывает что ноут просто лежит и заряжается.
А описанная многой инфа просто не относится к картинке.

В JavaScript создаете переменную со строкой
А после чего эту строку при помощи document добавляете к самой странице

let font = "<link href='стиль.css' rel='stylesheet'>";
document.append(font);

Дело в том что отдельно шрифт напрямую подключить нельзя, можно только если шрифт внутри CSS указан.