5 801
edições
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 () { |