Widget:Test: mudanças entre as edições

68 bytes adicionados ,  27 de dezembro de 2024
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
Linha 52: Linha 52:
                 dropdown.style.display = dropdown.childNodes.length ? 'block' : 'none';
                 dropdown.style.display = dropdown.childNodes.length ? 'block' : 'none';
             } else {
             } else {
                dropdown.style.display = 'none';
            }
        });
        document.addEventListener('click', function(event) {
            if (!imageSearch.contains(event.target) && !dropdown.contains(event.target)) {
                 dropdown.style.display = 'none';
                 dropdown.style.display = 'none';
             }
             }
Linha 100: Linha 94:
         event.preventDefault();
         event.preventDefault();
     }
     }
    // Remove a seleção do mouse (se existente)
    dropdown.querySelectorAll('.dropdown-item').forEach(item => item.classList.remove('active'));
});
});


// Adicionar eventos ao passar o mouse
dropdown.addEventListener('mouseover', function (event) {
dropdown.addEventListener('mouseover', function (event) {
     if (event.target.classList.contains('dropdown-item')) {
     if (event.target.classList.contains('dropdown-item')) {
Linha 111: Linha 107:
});
});


// Adicionar evento ao tirar o mouse do dropdown
dropdown.addEventListener('mouseout', function () {
dropdown.addEventListener('mouseout', function () {
     const allItems = dropdown.querySelectorAll('.dropdown-item');
     const allItems = dropdown.querySelectorAll('.dropdown-item');
     allItems.forEach(item => item.classList.remove('active')); // Remove 'active'
     allItems.forEach(item => item.classList.remove('active')); // Remove 'active'
});
});
// Resetar item ativo no clique
dropdown.addEventListener('click', function () {
    const allItems = dropdown.querySelectorAll('.dropdown-item');
    allItems.forEach(item => item.classList.remove('active')); // Remove 'active'
});




6 392

edições