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

Ir para navegação Ir para pesquisar
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
Linha 186: Linha 186:
     'Pisos': 'Piso'
     'Pisos': 'Piso'
};
};


function updateTags() {
function updateTags() {
Linha 231: Linha 230:
     tagButtons.classList.toggle('hidden', tags.length === 0);
     tagButtons.classList.toggle('hidden', tags.length === 0);
}
}


function filterImages() {
function filterImages() {
Linha 296: Linha 292:
}
}


mapTypeSelect.addEventListener('change', () => {
    updateTags();
    filterImages();
});
specificOptionSelect.addEventListener('change', () => {
    updateTags();
    filterImages();
});
filterButton.addEventListener('click', () => {
    filterImages();
});
searchIdsInput.addEventListener('input', () => {
    filterImages();
});


        mapTypeSelect.addEventListener('change', () => {
enableFilter.addEventListener('change', () => {
            updateTags();
    const isEnabled = enableFilter.checked;
            filterImages();
        });


        specificOptionSelect.addEventListener('change', () => {
    mapTypeSelect.disabled = isEnabled;
            updateTags();
    specificOptionSelect.disabled = isEnabled;
            filterImages();
        });


        filterButton.addEventListener('click', () => {
    filterOptions.classList.toggle('hidden', !isEnabled);
            filterImages();
        });


         searchIdsInput.addEventListener('input', () => {
    if (isEnabled) {
            filterImages();
        mapTypeSelect.value = '';
        });
        specificOptionSelect.value = '';
         searchIdsInput.value = '';
        filterImages();
    }
});


        enableFilter.addEventListener('change', () => {
function initializePage() {
            filterOptions.classList.toggle('hidden', !enableFilter.checked);
    specificOptionSelect.classList.remove('hidden');
            if (!enableFilter.checked) {
    filterOptions.classList.add('hidden');
                filterImages();
    tagButtons.classList.add('hidden');
            }
    updateTags();
        });
}


        function initializePage() {
initializePage();
            specificOptionSelect.classList.remove('hidden');
            filterOptions.classList.add('hidden');
            tagButtons.classList.add('hidden');
            updateTags();
        }


        initializePage();
     </script>
     </script>
</body>
</body>
</html>
</html>
5 805

edições

Menu de navegação