New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:

Firefox1+ IE5+ Opera 7+

Email Riddler (online tool)

Updated to version 2.0! Jan 28th, 07. Improved interface, output now XHTML valid, plus added ability to simply output encrypted email as a JavaScript variable.

Description: Email Riddler is an online tool that encrypts and transform your email address into a series of numbers when displaying it, making it virtually impossible for spam harvesters to crawl and add your email to their list. View Tool Highlights.


Complete the following 3 fields:

Email Address: 
Email Text shown:
Subject (optional): 
 

Live Preview:

Select All (Generated Script)

Customization

Email Riddler encrypts only the actual email address, meaning you can customize the output any way you want. The last line within the script is where you can apply your own changes to the email link:

document.write('<a href="mailto:'+encryptedemail_id26+'">Contact Us</a>')

Customization #1: Formatting the email link

Applying formatting to your email link is as simple as entering the desired attributes into document.write() above. For example, to add an ID and style attribute to the link, you would simply change the above line to:

document.write('<a href="mailto:'+encryptedemail_id45+'" id="mymail" style="color: green">Contact Us</a>')

Customization #2: Using the encrypted email address as a JavaScript variable

Sometimes you may not want to physically display the encrypted email address on your page, but rather, manipulate it dynamically using JavaScript. A common example is to populate a hidden field within a form using JavaScript using the encrypted email variable, instead of directly entering your email address (exposes it to spam harvesters). To do so, just generate your encrypted email as usual, but by sure to select the "Output variable only" option within the tool. This causes the script to only output a JavaScript variable containing your encrypted email address, which you can then use within your form. For example:

<!--Generated Email Riddler code added above form -->

<form>
<input type="hidden" id="myemail" value="" />
</form>

<script type="text/javascript">
document.getElementById("myemail").value=encryptedemail_id12
</script>

As you can see, we use the generated variable "encryptedemail_id12" from Email Riddler instead of your exposed email address to populate the hidden field. This is just one example of using the encrypted email address dynamically, by outputting it as a JavaScript variable.

Tool Highlights

  • Encrypts the specified email only, making the generated script extremely lightweight and efficient.
  • Easy customization of the HTML used to display the email (as they are not encrypted). Quickly change the email text, add a subject, apply CSS styling to the link etc.
  • Tool supports encryption of multiple emails on the same page (no script conflicts).