Incluir el correo web en una página, es igual a recibir cientos de correos electrónicos con SPAM, no obstante ¿como podemos ofrecer nuestro email de contacto sin vernos expuestos a este peligro? De un tiempo a esta parte se han diseñado múltiples formas de solucionar el problema, por ejemplo usando imágenes o JavaScript.
Pues bien, haciendo uso de la conocida librería jQuery, hemos encontrado una interesante sugerencia para enmascarar esos correos electrónicos. Para ello, tenemos dos partes. Lo primero es la representación de la dirección de email, que se haría de la siguiente forma
<span class='email'>info</span><span class='email'>admin</span>
Y luego tendremos la función que mediante jQuery realizará el cambio para que el código que interprete el navegador sea el que deberíamos esperar en caso de no utilizar técnica alguna para enmascarar el correo:
$(function(){ $(".email").each(function(index) { var addr = $(this).text().replace(/\n/g,"").replace(/ /g,""); $(this).html('<a href="mailto:'+addr+'@dominio.com" >'+ addr +'@dominio.com</a>'); }); });
Al final tendríamos el siguiente resultado:
<a href="mailto:info@dominio.com">info@dominio.com</a><a href="mailto:admin@dominio.com">admin@dominio.com</a>