Показать сообщение отдельно
  #1 (permalink)  
Старый 26.01.2021, 06:23
Профессор
Отправить личное сообщение для _marisha Посмотреть профиль Найти все сообщения от _marisha
 
Регистрация: 18.05.2018
Сообщений: 170

Скрыть элемент после отправки формы
Доброго времени суток!
На сайте есть форма, после заполнения и закрытия которой выводится надпись "Загрузка". Необходимо после закрытия формы данную надпись убирать.

Форма обернута в div. Класс show добавляется в том случае, когда форма открыта:
<div class="partners_programm_frame jqmWindow jqm-init show"></div>


У элемента "Загрузка" есть id:
<div id="wait_comp_86906fa0458028bab6eac21abb256535" style="background: url(&quot;/bitrix/js/main/core/images/wait.gif&quot;) 10px center no-repeat scroll rgb(252, 247, 209); border: 1px solid rgb(225, 181, 45); color: black; font-family: Verdana, Arial, sans-serif; font-size: 11px; padding: 10px 30px 10px 37px; position: absolute; z-index: 10000; text-align: center; top: 339px; left: 768px;">Загрузка...</div>


Делаю так:
//нахожу форму
let $PartnerOpen = document.querySelectorAll('.partners_programm_frame.show');

//нахожу надпись "Загрузка"
let $waitPartner = document.getElementById('wait_comp_86906fa0458028bab6eac21abb256535'); 

//делаю проверку, если блок формы не 0, тогда надписи "Загрузка" добавляю класс "load-none".
 if ($PartnerOpen.length === 0){       document.getElementById('wait_comp_86906fa0458028bab6eac21abb256535').classList.add('load-none');
    }


Но после закрытия формы класс надписи не добавляется.
Подскажите, пожалуйста, что делаю не так?
Ответить с цитированием