<script>
document.querySelector('.copyButton').addEventListener('click', function() {
const button = this;
const currentUrl = window.location.href;
navigator.clipboard.writeText(currentUrl).then(() => {
let message = document.getElementById('confirmationMessage');
if (!message) {
message = document.createElement('p');
message.id = 'confirmationMessage';
message.textContent = 'Link copiado para a área de transferência!';
message.style.display = 'block'; // Mostra a mensagem
button.parentNode.insertBefore(message, button.nextSibling);
} else {
message.style.display = 'block'; // Mostra a mensagem
}
// Esconder o botão temporariamente
button.style.opacity = '0';
setTimeout(() => {
// Esconder a mensagem
message.style.display = 'none';
// Mostrar o botão novamente
button.style.opacity = '1';
}, 2000);
}).catch(err => {
console.error('Erro ao copiar o link: ', err);
});
});
</script>
.buttonContainer {
position: relative; /* Adicionado */
height: 50px; /* Adicione uma altura fixa para o contêiner */
}
.copyButton {
transition: opacity 0.5s ease;
height: 100%; /* Defina a altura do botão como 100% */
}
#confirmationMessage {
transition: opacity 0.5s ease;
color: white;
font-family: 'Nunito Sans', sans-serif;
display: none; /* Inicialmente oculta */
position: absolute; /* Posicionamento absoluto para a mensagem */
top: 30%; /* Alinha a mensagem ao topo do contêiner */
right: 0; /* Alinha a mensagem à esquerda do contêiner */
}
@media(max-width:765px) {
.copyButton {
transition: opacity 0.5s ease;
height: auto; /* Defina a altura do botão como 100% */
}
.buttonContainer {
position: relative; /* Adicionado */
height: auto; /* Adicione uma altura fixa para o contêiner */
}
#confirmationMessage {
transition: opacity 0.5s ease;
color: white;
font-family: 'Nunito Sans', sans-serif;
display: none; /* Inicialmente oculta */
position: absolute; /* Posicionamento absoluto para a mensagem */
top: 70%; /* Alinha a mensagem ao topo do contêiner */
right: 15%; /* Alinha a mensagem à esquerda do contêiner */
font-size: 12px !important;
}
}