Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Captcha Slider (gallery-captcha-slider)

Last Updated: 08/21/10

+ 0 -

Jacob Fogg

YUI Contributor

See 3 more by this user.

Created: 04/15/10
Project: YUI 3
License: YUI BSD
YUI Version: 3.1.2
Free for use.

Major changes about to be committed...

This module provides an alternate method for submitting forms in a simi-captcha way. Borrowing from the stylings of devices like Android and the iPhone, you simply slide the thumb to the right to submit your form. This sets an input value that can be tested on the server, helping to casually protect against bot submissions. Additionally, we have made several events available to you so that you can override the default behavior and execute your custom code instead of simply submitting the form. This allows for form validation and anything else you may require.

Finally, this widget comes touch device and AIRA ready.

Keep your eyes open for the soon to be released update to this widget!

Simply instantiate a Y.CaptchaSlider element and render it.

Inherits all of Sliders attributes, and adds 'submitStr', 'formNode, and 'callback'.

submitStr is the string that gives instruction to the user how to submit the captcha. Defaults to "Slide here to submit"

formNode is the node of the form you wish to submit. Optional IF you specify a callback function instead

callback is the callback function you wish to execute when the captcha condition is met. This value takes precedence over the formNode and will be executed in formNode's place if both are specified.

Code Sample

<span id="cap" class="horiz_slider"></span>
 
<script>
YUI().use('gallery-captcha-slider', function(Y) {
 
	var cSlider = new Y.CaptchaSlider();
	cSlider.render('#cap');
 
});
</script>

Forum Posts

No forum posts for this module.