...

Скролл до обязательного поля типа Приложение

Тема в разделе "Примеры сценариев", создана пользователем bashorin, 19 июн 2022.

  1. bashorin

    bashorin Участник

    По кнопке "Сохранить", если поле типа "Приложение" обязательное - скролл до него не происходит (для обычных полей происходит). Скрипт вешает обработчик, который проскроллит до первого обязательного поля (если оно не заполнено).
    На форму Создания добавляем блок "Код", в теге <script></script> прописываем:
    Код:
    
    function save() {
            const 
    allBtn document.querySelectorAll('.btn-primary');
            const 
    elems = Array.from(allBtn);
            const 
    saveBtn elems.find(=> e.textContent.includes('Сохранить'));
            if(
    saveBtn) {
                const 
    reqElem document.querySelector('.required'); // звездочка обязательности
                
    if(reqElem) {
                    
    saveBtn.addEventListener("click", () => {
                        
    reqElem.scrollIntoView({
                            
    block'center'// по центру искомого
                            
    behavior'smooth'// и плавно
                        
    });
                    })
                }
            }
        }
        
    setTimeout(() => {
            
    save()
        },
    1000// чтобы компонент успел отрисоваться