Anonymous

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-us">
<head>
<title>Email Cloak test</title>
<meta name="Author" content="Lucian Slatineanu, http://www.badboy.ro/" />

<script language="javascript" type="text/javascript">

	// getElementsByClassName
	function getElementsByClassName(oElm, strTagName, strClassName)
	{
    		var arrElements = (strTagName == "*" && document.all)? document.all : oElm.getElementsByTagName(strTagName);
    		var arrReturnElements = new Array();
    		strClassName = strClassName.replace(/\-/g, "\\-");
    		var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    		var oElement;

    		for(var i=0; i<arrElements.length; i++)
		{
        		oElement = arrElements[i];      
        		if(oRegExp.test(oElement.className)){
            		arrReturnElements.push(oElement);
        		}   
    		}
    		return (arrReturnElements)
	}

	//
	// addLoadEvent()
	// Adds event to window.onload without overwriting currently assigned onload functions.
	// Function found at Simon Willison's weblog - http://simon.incutio.com/
	//
	function addLoadEvent(func)
	{	
		var oldonload = window.onload;
		if (typeof window.onload != 'function'){
    		window.onload = func;
		} else {
			window.onload = function(){
			func();
			oldonload();
			}
		}

	}

	function cloakEmails()
	{
		var els = getElementsByClassName(document,"*","cloak");

		for (var i=0; i<els.length; i++)
		{
			var emailAddress = els[i].firstChild.nodeValue.replace("(a)","@");

			var a = document.createElement("a");
			a.href = "mailto:"+emailAddress;
			a.appendChild(document.createTextNode(emailAddress));
			els[i].parentNode.replaceChild(a,els[i]);

		}
	}

	addLoadEvent(cloakEmails);

</script>

</head>

<body>
<p>My email address is: <span class="cloak">badboy(at)badboy.ro</span></p>
<p>My email address is: <span class="cloak">heidi(at)badboy.ro</span></p>
<p>My email address is: <span class="cloak">tyra(at)badboy.ro</span></p>
<p>My email address is: <span class="cloak">halle(at)badboy.ro</span></p>
<p>My email address is: <span class="cloak">eva(at)badboy.ro</span></p>
<p>My email address is: <span class="cloak">catherine(at)badboy.ro</span></p>
<p>My email address is: <span class="cloak">natalie(at)badboy.ro</span></p>
<p>My email address is: <span class="cloak">elisha(at)badboy.ro</span></p>
</body>
</html>