Cylo UI Tools, CAPTCHA, JavaScript

This is version 0.1 of CyloCaptcha, which displays a easy to read CAPTCHA which bots can't crack because it's not an image, it's HTML tables with different coloured backgrounds

This is great for people who do not have any image creating back end language installed on there server like PHP's GD Library.

To use CyloCaptcha, include the script in your page using ...

<script  type="text/javascript"  src='js/CyloCaptcha.js'></script>

To use this tool, you will need to generate a random string for CyloCaptcha to display. You can ask CyloCaptcha to generate one for you but this should normally come from a server side script which has been generated for use on the next page of sign up.

1. To ask CyloCaptcha for a random string call ...

var yourRandomString = CyloCaptcha.genRan(6)

... 6 is the number of characters to be generated. It will use uppercase letters and numbers only.

2. You will need to call CyloCaptcha.display passing your random string as a paramater. This function will return a HTML table which you should then put on your page.

var HTMLCode = CyloCaptcha.display(yourRandomString);

document.getElementById("SecurityCodeDiv").innerHTML = HTMLCode;

3. You will need to work out your own method of verification, but it should be pritty simple.

FEATURES!

1. Each letter has background strips which can be a different colour. You need to set this in the code yourself. This is in case BOTS learn to break this CAPTHCA. It will throw them of track.

2. Why not use this to show email addresses in code?

THINGS TO BE AWARE OF!

1. The string length is limited to 36. You can remove this if you wish but the code will run slowly if you try and parse more than that.

2. Very slow in Internet Explorer. Fire Fox is instant (says it all really!)

COMMENT ON THIS PLUG-IN

If you'd like to leave some feed back or would like to request a feature, please drop me a line on this Google group ...

http://groups.google.com/group/cylo-web-tools?hl=en