MrColdCoffee

Добрый день!
Tom select скрывает настоящий select, а всплывающие подсказки вешаются как раз на него.

Вариант решения:

const originalElement = document.getElementById('tom-select');

new TomSelect( originalElement , {
    onInitialize: function() {      
      // Копируем все атрибуты "data" оригинального select в созданный блок, на который будет вешаться popover
      const attrs = originalElement.attributes;
      for (let i = 0; i < attrs.length; i++) {
        const attrName = attrs[i].name;
        const attrValue = attrs[i].value;
        if ( attrName.startsWith('data-') ) {
          this.wrapper.setAttribute(attrName, attrValue);
        }
      }
// Удаляем атрибут у настоящего select, чтобы на него не вешался лишний обработчик popover
      originalElement.removeAttribute('data-bs-toggle');
    }
  });

const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]');
const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl));

Бегло глянул
Получается что если если данные были невалидными, то Вы

success: function(response) {
                        if (response.indexOf('alert-danger') === -1) {
                            location.reload();
                        } else {
                           //Проваливаетесь сюда
                            $('#loginModal .modal-body').html(response);
                          //в response у Вас что?  Форма входа с выведенной ошибкой??
                          //А где обработчик события sabmit "уже новой" формы? Вот и получается что пост выполняется по указанному пути.
                        }
                    },

Добрый день!
для INSERT используйте конструкцию INSERT INTO table_name (column1,column2...) values(value1,value2...)

Ваш запрос будет выглядеть так:
INSERT INTO newUser (fio,company,tel,email,birthday,photo) values( '$fullname' , '$company' , '$phone' , '$email' , '$birthday' , '$photo' )

ещё не рекомендую использовать русские названия для колонок.

У вас при каждом открытии модалки на myForm вешается обработчик(допом к имеющемуся)...

<object type="image/svg+xml" data="demo.svg"></object>

Один из вариантов - браузеры запрещают выполнение динамически загруженных скриптов.

Вот таким способом можно решить проблему:

content_block - HTML фрагмент с скриптом

content_block.querySelectorAll('script').forEach(function(content_script){
							let scriptElement = document.createElement('script');
							    scriptElement.textContent =  content_script.textContent;
							    content_script.parentNode.replaceChild(scriptElement, content_script);
						});

Пересоздаём скрипт на основе подгруженного и добавляем в DOM.

использовать Unicode в стилях

div[data-tag*="\0410 \043A \0446 \0438 \044F " i] .el-item

Редирект с http на https настройте правильно и всё будет работать

HTML:

<div>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>      
    </ul>
</div>

Css для второй строки:

div{
    width:100%;  
}
ul{  
    padding:0;
    margin:0;
    width:100%;
    text-align:right;
}
li{
    width:50px;
    height:50px;    
    margin:20px 5px;
    padding:5px;
    text-align:center;   
    list-style:none;  
    display:inline-block;
    font-size:25px;  
    line-height:50px;
    font-weight:500;
    background:#fc9090;
    color:#FFF;
  font-family:sans-serif;
}
li:nth-child(1){
  width:100px;
  height:100px;
  float:left;
  line-height:100px;
  font-size:50px;
}

css для третьей строки:

div{
    width:100%;  
}
ul{  
    padding:0;
    margin:0;
    width:100%;
    text-align:right;
}
li{
    width:100px;
    height:100px;    
    margin:20px 5px;
    padding:5px;
    text-align:center;   
    list-style:none;  
    display:inline-block;
    line-height:100px;
    font-size:50px;
    font-weight:500;
    background:#fc9090;
    color:#FFF;
    font-family:sans-serif;
}
li:nth-child(1),li:nth-child(2){
  float:left;
}
li:nth-child(5){
display:none;
}

удалить overflow: visible;

а для многоточия у класса qwe нужно делать обрезание текста

.second__wrapper .qwe{ ... }
.second__wrapper.open .qwe{ ... }

Итак, вот как можно отследить клик по псевдоэлементу:

HTML:

<!-- Наш элемент, у которого есть псевдоэлемент after -->
<div class="element-for-click">
  <span>Текст</span>
</div>

CSS:

.element-for-click{
    position: relative;
    pointer-events: none;
   background:red;
   padding:20px;
}

.element-for-click:after {
    content: 'Псевдоэлемент';
    position: absolute;
    padding:20px;
    background-color: #4caf50;
    cursor: pointer;
    pointer-events: auto;
    text-align: center;
    top: 0;
    right:10%;
    color: #FFF;
    font-weight: bold;
}

JS:

document.querySelector('.element-for-click').addEventListener('click', ()=>{
   alert('Клик по псевдоэлементу');
});

При помощи CSS мы отключаем у родителя события указателя ( pointer-events: none; ) , а у псевдоэлемента устанавливаем pointer-events: auto; / pointer-events: all;

Для решения вашей проблемы необходимо отменять интервал при переходе на страницу и задавать его заново.

Для этого поместите setInterval(function(){online();}, 5000); и setInterval(function(){update();}, 2500); в переменные

например

var onlineInterval = setInterval(function(){online();}, 5000); 
var updateInterval =setInterval(function(){update();}, 5000);

И вызывайте для отмены

clearInterval( onlineInterval );
clearInterval( updateInterval);

у body margin:0;

Вы убираете/добавляете класс только у элемента, на который был совершён клик, а надо сначала убрать класс у всех элементов, а затем изменить у кликнутого:

selectBtn.addEventListener("click", function (e) {				
        let elem_active = optionMenu.classList.contains("_active")
        optionMenus.forEach(opt => {
          opt.classList.remove('_active');
        })
        optionMenu.classList.toggle("_active",!elem_active)
			});

Если у карусели есть кнопки вперёд/назад (в случае с модалкой - кнопка закрытия), то можно отловить нажатие на физические кнопки стрелок/esc и имитировать нажатие на кнопки.
Ещё можно вызывать ту же функцию, что привязана к событию клика по кнопкам

Math.ceil(totalVolume.toFixed(2)/25)