Requires: PHP w/ GD Library Extension.
Compatibility: Firefox 1 & 2 - I.E. 6 & 7.
This e-mail human validation tool is as simple as it is writing an email us link, combined with the power of freeCap it creates a powerful e-mail protection tool.
I have chosen to use freeCap for this project as i have seen many captcha protection / verification images and this one seems to be the more secure and has had a lot of though put into it, to find out more about freeCap visit the developers website here. I did not write freeCap and do not claim to, freeCap has been used to create this AJAX verification procedure.
This is a nice script that allows you to protect your e-mail addresses from spam bots that collect e-mail addresses, it uses AJAX to make sure it's user friendly and Instantaneous.
All you need to do is include the JavaScript files, Stylesheet and ensure that the PHP verification file is in place (captcha-email_verify.php), because this system is based on AJAX, this file is very important.
How to install
- Copy and Pastable
You can take the easy route and copy the content of the file called copy_and_pastable.txt using the instructions provided.
- 3 Basic steps of installation
What you need to do is copy and past the js and css files into your required directory and then include in the <head> tag of your document them as follows:
<script src="./js/captcha-email.js"></script>
<link type="text/css" href="./css/captcha-email.css" rel="stylesheet">
Next, create / copy and paste the div with the id as "email-protection-container", put it in the location that you would like the verification image to be, positioning can be altered in the stylesheet.
<div id="email-protection-container"> </div>
Again, create / copy and paste the anchor link that the user should click on with the class name of "email-protection"
E-mail Address Protected, <a href="#" class="email-protection">click here to reveal</a>
- OR
You could place the link inside the container, this then removes the initial text once you have entered the correct word, like so.
<div id="email-protection-container"> E-mail Address Protected, <a href="#" class="email-protection">click here to reveal</a> </div>
You should find it fairly simple to install, comments and questions welcome.
September 23rd, 2008 at 8:01 am
I would like to use this on my contact page and quote page, but would like to use it to send the info to me as opposed to revealing my email address. How would I do that?
January 22nd, 2009 at 12:16 pm
pleaes send me the actual working code for CAPTCHA or atleast help to develop it