Web development, coding & SEO

JavaScript mailto

Use JavaScript mailto to stave off collecting your email address from a web page.

Sample of a javascript mailto

How is JavaScript mailto constructed

Divide the email address in to 7 occasional chunks and substitute @ with @ and . with .

<script type='text/javascript'>
var a = new Array('7th','6th','3rd','2nd','1st','4th','5th');
document.write("<a href='mailto:"+a[4]+a[3]+a[2]+a[5]+a[6]+a[1]+a[0]+"'>"+a[4]+a[3]+a[2]+a[5]+a[6]+a[1]+a[0]+"</a>");
</script>

WAI-friendly version of JavaScript mailto

<script type="text/javascript">
[custom script content from above]
</script>
<noscript><img alt="" src="image-of-your-email.gif" /></noscript>

JavaScript mailto with an external .js

It's told that pages which pull their decode function from a separate .js file have not been broken yet.

	<script src="mail-link.js" type="text/javascript"></script>
	<script type="text/javascript">mailLink()</script>

mail-link.js

	var a = new Array('com','le.','ith','.sm','joe','@ex','amp');
	function mailLink(){
	document.write("<a href='mailto:"+a[4]+a[3]+a[2]+a[5]+a[6]+a[1]+a[0]+"'>"+a[4]+a[3]+a[2]+a[5]+a[6]+a[1]+a[0]+"</a>");
	}

Simple JavaScript mailto

	var user = "info";
	var domain = "sample.com";
	var mail = user + "@" + domain;
	var message = "Contact Us";
	document.write(""+message+"");

Scriptless mailto

<style type="text/css">
	#mailme{
		float:left;
		list-style-type:none;
		width:auto;
	}
	#mailme li{
		display:inline;
		float:right;
		width:auto;
	}
</style>

<ul id="mailme">
	<li>m</li>
	<li>o</li>
	<li>c</li>
	<li>.</li>
	<li>n</li>
	<li>i</li>
	<li>a</li>
	<li>m</li>
	<li>o</li>
	<li>d</li>
	<li>@</li>
	<li>l</li>
	<li>i</li>
	<li>a</li>
	<li>m</li>
	<li>e</li>
</ul>

Securest is a mail form

Use a server side webform.

Some reading about including a mail address to a web page

http://www.projecthoneypot.org/how_to_avoid_spambots_3.php

A new 'service' provided to spammers by Google: http://baxil.livejournal.com/266909.html

2009

---