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

Ir para navegação Ir para pesquisar
sem sumário de edição
Sem resumo de edição
Etiqueta: Revertido
Sem resumo de edição
Etiqueta: Revertido
Linha 225: Linha 225:
             <!-- As imagens e suas informações serão exibidas aqui -->
             <!-- As imagens e suas informações serão exibidas aqui -->
         </div>
         </div>
<div id="error-message" class="hidden" style="color: red; font-weight: bold; text-align: center;">
    Por favor, selecione "Tipo de Mapa" e "Local do X" antes de buscar por tag.
</div>
     </form>
     </form>


Linha 341: Linha 344:
             }
             }
         });
         });
document.addEventListener('DOMContentLoaded', () => {
    const filterButton = document.getElementById('filterButton');
    const mapTypeSelect = document.getElementById('mapType');
    const specificOptionSelect = document.getElementById('specificOption');
    const errorMessage = document.getElementById('error-message');
    filterButton.addEventListener('click', () => {
        // Limpa a mensagem de erro
        errorMessage.classList.add('hidden');
        // Obtém os valores selecionados
        const mapType = mapTypeSelect.value;
        const specificOption = specificOptionSelect.value;
        // Verifica se a tag foi preenchida e as opções foram selecionadas
        if (!mapType || !specificOption) {
            if (document.getElementById('searchIds').value.trim() !== '') {
                // Exibe a mensagem de erro se tentar filtrar por tag sem selecionar as opções
                errorMessage.classList.remove('hidden');
                return;
            }
        }
        // Seu código para filtrar e mostrar as imagens aqui
        // Exemplo: console.log('Filtrando com', { mapType, specificOption });
    });
});


         document.getElementById('specificOption').addEventListener('change', function () {
         document.getElementById('specificOption').addEventListener('change', function () {
5 801

edições

Menu de navegação