5 801
edições
Sem resumo de edição Etiqueta: Revertido |
Etiqueta: Desfazer |
||
Linha 6: | Linha 6: | ||
<title>Seleção e Exibição de Imagens</title> | <title>Seleção e Exibição de Imagens</title> | ||
<style> | <style> | ||
.mapsCalc__select { | .mapsCalc__select { | ||
width: 100%; | width: 100%; | ||
Linha 23: | Linha 19: | ||
.input-group { | .input-group { | ||
position: relative; | position: relative; | ||
margin: | margin: 20px 0; | ||
} | } | ||
.mapsCalc__label { | .mapsCalc__label { | ||
position: absolute; | position: absolute; | ||
top: -18px; | top: -18px; | ||
background: none; | background: none; | ||
padding: 0 5px; | padding: 0 5px; | ||
Linha 41: | Linha 37: | ||
align-items: center; | align-items: center; | ||
flex-direction: column; | flex-direction: column; | ||
margin-top: - | margin-top: -20px; | ||
} | } | ||
#filterButton { | #filterButton { | ||
margin-top: 10px; | |||
margin: 10px | |||
} | } | ||
Linha 84: | Linha 76: | ||
} | } | ||
# | #searchButton, #filterButton { | ||
background: none; | |||
border: none; | |||
padding: 0; | |||
cursor: pointer; | |||
} | |||
#searchButton img, #filterButton img { | |||
width: 12px; | |||
vertical-align: middle; | |||
} | } | ||
</style> | </style> | ||
Linha 124: | Linha 117: | ||
<div id="filterById" class="input-group"> | <div id="filterById" class="input-group"> | ||
<label class="mapsCalc__label" for="searchIds">Buscar por ID(s):</label> | <label class="mapsCalc__label" for="searchIds">Buscar por ID(s):</label> | ||
<input type="text" id="searchIds" placeholder="Digite os IDs separados por vírgula" maxlength="100"> | <input type="text" id="searchIds" placeholder="Digite os IDs separados por vírgula" class="mapsCalc__select" maxlength="100"> | ||
</div> | </div> | ||
<div class="d-flex"> | <div class="d-flex"> | ||
<button type="button" id="filterButton"> | <button type="button" id="filterButton" class="hover-minimize"> | ||
<img src="https://wiki.pokexgames.com/images/d/d3/Banner_calculadora.png" alt="Imagem botão filtrar"> | <img src="https://wiki.pokexgames.com/images/d/d3/Banner_calculadora.png" alt="Imagem botão filtrar"> | ||
</button> | </button> | ||
Linha 251: | Linha 244: | ||
document.getElementById('mapForm').addEventListener('keydown', function(event) { | document.getElementById('mapForm').addEventListener('keydown', function(event) { | ||
if (event.key === 'Enter') { | if (event.key === 'Enter') { | ||
event.preventDefault(); | event.preventDefault(); // Evita o envio do formulário | ||
document.getElementById('filterButton').click(); | document.getElementById('filterButton').click(); // Aciona o botão de filtro | ||
} | } | ||
}); | }); |