lab.elastik

Afficher une adresse email et éviter les spams

Ce script permet d'afficher une adresse email sur le site invisible aux robots et permet donc d'éviter de se faire spammer

HTML:

<a class="css-email" data-email="info"></a>

CSS:

.css-email {
text-decoration: underline;
cursor: pointer;
}
.css-email::before {
content: attr(data-email);
}
.css-email::after {
content: "@elastik.eu";
}

JS:

<script>
document.addEventListener('DOMContentLoaded', function() {
const emailSpan = document.querySelector('.css-email');
emailSpan.addEventListener('click', function() {
const email = this.dataset.email + '@elastik.eu';
window.location.href = 'mailto:' + email;
// alert("click");
});
});
</script>
Share the Post: