This is a fancier sample for guardMailto. View source and check it out. There's also a basic sample that doesn't use the prototype library.

• In the basic sample, a unique ID is used for each span to be linked, but you can also do replacements on a collection of objects, based on a common attribute (like className). In this example <span> with class "help" will be linked to a helpdesk email. var emailsToLink = document.getElementsByTagClass("SPAN","help");
for (i=0,m=emailsToLink.length;i<m ;i++ ) {
  new mwmw.guardMailto(emailsToLink[i],"helpdesk","example", {linkText:"helpdesk",linkTitle:"email the helpdesk"});
}
  Before:
  Contact helpdesk -at- example -.- com if you need more assistance. helpdesk is staffed from 7am-7pm, Monday-Saturday.
  After:
  Contact helpdesk -at- example -.- com if you need more assistance. helpdesk is staffed from 7am-7pm Monday-Saturday.
• Any syntactically permissable element can be linked, not just <span>s. And you can link as many different email addresses as you need to. This example links an icon next to each of a list of names, and replaces the icon to remove the "title" property that displays the address to users without JavaScript: var emailsToLink = document.getElementsByTagClass("IMG","email");
for (i=0,m=emailsToLink.length;i<m ;i++ ) {
  var _domain = "example"; // all my users are at my domain
  var _uname = "";
  var _prettyUname = "";
  switch(emailsToLink[i].id) {
  case "borges":
    _uname = "jborges";
    _prettyUname = "Jose Luis Borges";
    break;
  case "cortazar":
    _uname = "jcortazar";
    _prettyUname = "Julio Cortazar";
    break;
  case "kafka":
    _uname = "fkafka";
    _prettyUname = "Franz Kafka";
    break;
  case "kundera":
    _uname = "mkundera";
    _prettyUname = "Milan Kundera";
    break;
  }
  new mwmw.guardMailto(emailsToLink[i],_uname,_domain, {linkTitle:"email " + _prettyUname, linkHtml:'<img class="env" src="icon_email.gif" />'});
}
  Before:
  

  • Jorge Luis Borges
  • Julio Cortázar
  • Franz Kafka
  • Milan Kundera
  After:
  

  • Jorge Luis Borges
  • Julio Cortázar
  • Franz Kafka
  • Milan Kundera
• In the simplest implementation, both the user name and the domain name appear as unencrypted strings in the page, but that's not a necessary constraint. If you want to reduce the likelihood of spammers extracting a valid address from your site even further, you can assemble those strings dynamically when they're passed to the constructor. For instance: new mwmw.guardMailto("obscure1", ["te","st"].join(""), ["ex","am","pl","e"].join(""), {linkAddress:true});
  test -at- example -dot- com
  test -at- example -dot- com
  Or even: new mwmw.guardMailto("obscure2", ["st","te"].reverse().join(""), ["e","pl","am","ex"].reverse().join(""), {linkAddress:true});
  test -at- example -dot- com
  test -at- example -dot- com

Version:1.0.01 View changelog.