Арсений Матыцин

Можно сократить, возможно отыграть каплю времени. Но упростить врядли. В плане, чтобы понятно было человеку, который плохо шарит в JS)

Смотри сюда. А потом в левый сайдбар, там много интересного, что может сократить запись.

Перемещать\копировать элементы из начала в конец и наоборот, в зависимости от движения.

Ты никогда не сведешь анимацию при перезагрузке страницы. Поэтому, чтобы она была плавной, тебе необходимо либо на Vanilla.js сделать реализацию без перезагрузки, т.е. в рамках одной страницы, либо использовать js-фреймворк типа Vue, React, Angular + анимация переходов между состояниями.

Впрочем, у тебя прямо перед носом сырцы, которые ты можешь скачать и разобрать.

1. По факту отгрузки json стоит передать его в другую функцию.
2. Которая получит данные и обработает в, идеале отсортирует по дате.
3. Еще проще — сформировать массив из объектов, где будет:

[
  {
    date: ...
     messages: [...]
  },
]

Такой объект просто тупо легче вывести в шаблон.
4. Далее вывести всю эту срань по условиям: дата + сообщения, в которых эта дата совпадает.

Ты описал дефолтное поведение открывашки модального окна на Bootstrap. Там задается overflow: hidden; для body в момент открытия окна, чтобы предотвратить прокрутку контента одновременно с прокруткой модального окна.

Соответственно, что-о мне подсказывает, что ты используешь бут или другой фреймворк, который так делает, ибо новички до такой фичи редко догадываются.

А если ты уже выстрелил себе в ногу сам, без всяких бутов, то смотри, кто именно вешает этот overflow, ты сам или скрипт какой-нибудь модалки, что ты встроил в проект.

ЗЫ: при открытии модального окна это наиболее правильное поведение страницы, можно разве что, если тебя это сильно смущает задать поведение элементам страницы по transition свойству (не рекомендую).

пока так, потом поправим

Самообман, такой самообман)

К слову, не поверишь, но можно скопировать решение. Просто поправив классы, где надо. И то, не обязательно даже.

Впрочем, ИМХО, лучше для таких вещей задействовать JS-фреймворк типа Vue. Кроме того, что у них в документации подобного плана поиск приводится, как образец, так еще и в конечном счете это достаточно удобно.

Потому что раз уж пошла такая пляска с таблицами, то дальше будет еще веселее.

они в CMS, которую я использую, подключаются в PHP-сниппет внутри , либо перед и грузятся сразу на все страницы

Раздели на файлы, поройся в логике формирования CMS-кой, задай в ее styles объекте только необходимое. Остальное грузи непосредственно вставкой link в шаблоне. Может быть сможешь влить в потом styles свои файлы, если нет, то посмотри, как поднять их внутрь тега head.

Если совсем плохо — догружай JS-кой.

Вопрос, конечно, интересный, если бы ты его правильно сформулировал. Хотя я вроде и понял, что ты хочешь. Получить пересечение минутной и часовой стрелки, может и секундной. Первое, что приходит в голову — считать считать по заведомо известному соотношению движения по окружности стрелок до их совпадения. Таким образом ты получишь размер пути минутной стрелки, чтобы она догнала часовую. То же самое с секундной.

К слову, я глянул в гугол и надо же, алгоритм легко гуглится, если правильно задать вопрос.

Если имеешь доступ к HTML формы, в action формы кинь ссылку на API своего сайта, который примет данные и обработает.

Чтобы добавлять\менять классы, используй toggleClass('class')\addClass('class')\removeClass('class').

А чтобы реализовать missclick, обратись к документации про всплытие и перехват событий.

1. Сделай верстку (не документ), куда придут данные → дальше на печать в PDF. Сам PDF формат не редактируемый.
2. Либо смотри в сторону серверной генерации по шаблону.

Резюмирую: тебе в исходниках нужен не PDF, а шаблон.

Тебе нужно в цикле перебирать элементы и каждому вешать слушатель. А ты вешаешь класс ко всем сразу.