5 802
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 30: | Linha 30: | ||
margin: 5px; | margin: 5px; | ||
} | } | ||
# | #filterButton, #searchButton { | ||
background: none; /* Remove o fundo do botão */ | background: none; /* Remove o fundo do botão */ | ||
border: none; /* Remove a borda do botão */ | border: none; /* Remove a borda do botão */ | ||
Linha 36: | Linha 36: | ||
cursor: pointer; /* Mostra o cursor de ponteiro ao passar sobre o botão */ | cursor: pointer; /* Mostra o cursor de ponteiro ao passar sobre o botão */ | ||
} | } | ||
# | #filterButton img, #searchButton img { | ||
width: | border-radius: 12px; | ||
width: auto; /* Garante que a largura se ajuste ao tamanho original da imagem */ | |||
height: auto; /* Garante que a altura se ajuste ao tamanho original da imagem */ | |||
} | } | ||
.mw-body-content { | .mw-body-content { | ||
Linha 105: | Linha 106: | ||
</div> | </div> | ||
<div id="filterById"> | |||
<label for="searchIds">Buscar por ID(s):</label> | <label for="searchIds">Buscar por ID(s):</label> | ||
<div class="input-group"> | <div class="input-group"> | ||
Linha 112: | Linha 113: | ||
</div> | </div> | ||
<div class="d-flex justify-center align-center flex-column"> | <div class="d-flex justify-center align-center flex-column"> | ||
<button type=" | <button type="button" id="filterButton" class="hover-minimize"> | ||
<img | <img src="https://wiki.pokexgames.com/images/d/d3/Banner_calculadora.png" alt="Imagem botão filtrar"> | ||
</button> | </button> | ||
</div> | </div> | ||
Linha 199: | Linha 200: | ||
}); | }); | ||
document.getElementById(' | document.getElementById('filterButton').addEventListener('click', function() { | ||
const searchIds = document.getElementById('searchIds').value.split(',').map(id => id.trim()); | const searchIds = document.getElementById('searchIds').value.split(',').map(id => id.trim()); | ||
const imageContainer = document.getElementById('imageContainer'); | const imageContainer = document.getElementById('imageContainer'); |