| Re: New javascript-based captcha for XOOPS |
| by frankblack on 2010/7/30 6:29:40 Here is a nice gimmick for the captcha: if the captcha is solved correctly ONLY THEN the submit button will appear. Example code for a module: le="color: #000000"><?php $form_output->addElement(new XoopsFormButton('', 'submitme', $form->getVar('form_submit_text'), 'submit')); Example code for the style.css: le="color: #000000"><?php #submitme { display: none; } New code for jquery.sexy-captcha-0.1.js (hope the textsanitizer is not breaking everything): le="color: #000000"><?php /* * Sexy Captcha v.0.2 * Designed and developed by: BWM Media (bwmmedia.com) */ (function($) { $.fn.sexyCaptcha = function(url) { this.each(function() { $(this).load(url, { action: 'refresh' }, function() { $('.draggable').draggable({ containment: 'parent', snap: '.target', snapMode: 'inner', snapTolerance: 35, revert: 'invalid', opacity: 0.75}); $('.target').droppable({ accept: '.draggable', tolerance: 'intersect' }); //On drop of draggable object $('.target').bind('drop', function(event, ui) { $('#captchaWrapper').find('.captchaAnswer').val($(ui.draggable).attr('id')); $('#captchaWrapper').find('.draggable').draggable('disable'); $('#captchaWrapper').find('.draggable').unbind('click'); $('#captchaWrapper').find('.targetWrapper').children('.target').hide(); //Check captcha answer $.post(url, { action: 'verify', captcha: $(ui.draggable).attr('id') }, function(data) { if (data.status == "success") { $('#captchaWrapper').find('.targetWrapper').addClass('captchaSuccess').hide().fadeIn('slow'); document.getElementById('submitme').style.display = 'block'; } else { $('#captchaWrapper').find('.targetWrapper').addClass('captchaFail').hide().fadeIn('slow'); document.getElementById('submitme').style.display = 'none'; } }, 'json'); }); //On double-click of object $('.draggable').bind('click', function(event, ui) { $('#captchaWrapper').find('.captchaAnswer').val($(this).attr('id')); $('#captchaWrapper').find('.draggable').draggable('disable'); $('#captchaWrapper').find('.draggable').unbind('click'); $('#captchaWrapper').find('.targetWrapper').children('.target').hide(); $(this).removeClass('draggable'); $(this).addClass('target'); $('#captchaWrapper').find('.targetWrapper').html($(this)); //$(this).hide(); //Check captcha answer $.post(url, { action: 'verify', captcha: $(this).attr('id') }, function(data) { if (data.status == "success") { $('#captchaWrapper').find('.targetWrapper').addClass('captchaSuccess').hide().fadeIn('slow'); document.getElementById('submitme').style.display = 'block'; } else { $('#captchaWrapper').find('.targetWrapper').addClass('captchaFail').hide().fadeIn('slow'); document.getElementById('submitme').style.display = 'none'; } }, 'json'); }); //Redraw captcha $('.captchaRefresh').click(function() { $('#captchaWrapper').sexyCaptcha(url); return false; }); }); }); return this; }; })(jQuery); I mean, this captcha relies on javascript, so we can use another peace of javascript to hide the submit button. Enjoy. Edit: in this case all submit buttons that have to be hidden, must have an id called submitme. To use the example you have to modify the modules a bit. |
| Re: New javascript-based captcha for XOOPS |
| by oswaldo on 2010/7/18 0:32:33 Thanks Sorry I´m dumb |
| Re: New javascript-based captcha for XOOPS |
| by Runeher on 2010/7/17 21:06:15 As Frankblack said in the first post: "1. jquery.js must be included in theme", so try adding to your theme (between <head></head>): le="color: #000000"><?php <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
|
| Re: New javascript-based captcha for XOOPS |
| by oswaldo on 2010/7/17 19:50:35 Thanks Runeher I replaced the captcha folder in core/class, and when I go to the register page it´s show noting. What I´m doing wrong? I test in xoops 2.44 and 2.45 |
| Re: New javascript-based captcha for XOOPS |
| by Runeher on 2010/7/17 19:16:39 Just replace the captcha folder in core/class with the one in this dl... :) |
Search
Recent Posts
Who's Online
Donat-O-Meter
| Stats | |
| Goal: | $15.00 |
| Due Date: | Jul 31 |
| Gross Amount: | $0.00 |
| Net Balance: | $0.00 |
| Left to go: | $15.00 |
|
|