Ajax Fancy Captcha - jQuery plugin - WebDesignBeach.com
Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers. We are introducing you to a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop specified item into a circle.
Captcha’s security level is medium, with the emphasis on nice looking and user friendly qualities while still offering reasonable protection from unwanted “guests”. Basic design and its elements are easy to change and customize (take a look at file structure for more information).
Ajax Fancy Captcha - jQuery plugin - WebDesignBeach.com
Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers. We are introducing you to a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop specified item into a circle.
Captcha’s security level is medium, with the emphasis on nice looking and user friendly qualities while still offering reasonable protection from unwanted “guests”. Basic design and its elements are easy to change and customize (take a look at file structure for more information).
Ajax Fancy Captcha - jQuery plugin - WebDesignBeach.com
| TRY DEMO |
How it works It calls captcha.php file and gets a random number. Php file just generates simple number and put it in session. When AJAX got that number it creates items based on that number. Lets imagine that we have array of “pencil”, “scissors”, “clock”, “heart”, “note”, so if number 3 is returned it will take “heart” and look for item-heart.png file in /imgs directory. How to install: How to Install 1. As usual, copy /captcha folder somewhere in your hosting. 2. If you don’t have latest jquery and jquery.ui integrated already, copy these two folders. 3. Edit page where you want to put captcha and insert: CLICK HERE TO DOWNLOAD THE SOURCE CODE MORE INFO Note: Some time when you download the script and try it in your php server, the image that should be dragged does not appear in the image list which is shown. it may be due to the short php tag that is used in the captcha.php file. This file is called as a get request through JQuery AJAX. so in that replace the php short tags "<?" with "<?php" |
Comments
Post a Comment