Jump to content

[MODULE] Slide captcha 4.1- PS 1.4/1.7 - Add a captcha to your forms - support iphone/ipad


shacker
 Share

Recommended Posts

This module shows a slide (like in iphone) that you need to scroll to unlock the form and send it.
Usefull to avoid unwanted bots in your forms.

The module can can hide the send button and send the form when you slide the captcha.
 
* Support Ipad, iphone and tablet devices.
 
Features:[/size]

  • Cross browser

browsers.png

  • Multilingual

multilingual.png

  • Multistore

multistore.png
http://www.catalogo-...hop-module.html

*updated to add the slide in any form
*Fixed problem with accents
*more secure for bots
v1.5 - works on ps 1.5
v1.8 - Addjs updated to improve, redesign and improve the translation to unlock the form
v2.0 - better translations, hide the send button
v2.2 - solved issues
v2.4 - Update to ps 1.6
v2.5- solved issue with  layered navigation
v3.0 - Bootstrap bo, Solved issue in PS 1.4 + new tutorial & readme

v4.0 - compatible PS 1.7

v4.1-Solve some issues in some PS versions

deslice-el-captcha.jpg
Visit our site for latest version of the module and more free modules

slidecaptcha.zip Version 1.0

slidecaptcha.zip Version 3.0

slidecaptcha.zip Version 3.0+NL lang

 

 

Video:

47443_2S1l7N7srb5bOn6qmToe_t

 

slidecaptcha.zip

slidecaptcha.zip

  • Like 8
  • Thanks 1

Share this post


Link to post
Share on other sites

version 1.4.2.5 server is local for the moment.

this is what the config is saying i need to put in contact-form.tpl

placed it just above the submit button





its a empty div!! is this correct?

this is showing in the firebug code


Bericht
            <textarea id="message" name="message" rows="15" cols="20" style="width:340px;height:220px"></textarea>




           <input type="submit" name="submitMessage" id="submitMessage" value="Verzenden" class="button_large">

Share this post


Link to post
Share on other sites

Hi shacker

There is error in slidecaptcha-header.tpl line 56

$.post("modules/solditems/php/Qaptcha.jquery.php"


It should be

$.post("modules/slidecaptcha/php/Qaptcha.jquery.php"



And one question - why don't you use addCSS and addJS functions ?

Share this post


Link to post
Share on other sites

You are right buddy. I uploaded the corrected version. For the add js or css, i dont use becouse i try to do a compatibility in PS1.3


downloaded the new version 10 minutes ago. and still no luck in getting it to work.

and you have a typo in the new download

you did

$.post("modules/slidcaptcha/php/Qaptcha.jquery.php"

missing the e in slide

this is in the download.

Share this post


Link to post
Share on other sites

  • 4 weeks later...

Hi Shacker - am trying to add this to a couple of forms I have in the CMS pages - However when I add


to these forms and save it does not save the code - any idea how I can get this to work on CMS forms?
Thanks - baz

Share this post


Link to post
Share on other sites

  • 2 weeks later...
  • 3 weeks later...
  • 2 weeks later...
  • 4 weeks later...

I can't get this to work on 1.4.3 any ideas?

I also can't get it to work on 1.4.4 on local server.

I have some captcha code in header & footer & before submit button.

If I check the page source code in browser, I have the following :

In Header :

<script type="text/javascript" src="/prestashop1440/themes/prestashop/js/tools/treeManagement.js"></script>

<link rel="stylesheet" href="/prestashop1440/modules/slidecaptcha/jquery/QapTcha.jquery.css" type="text/css" />

<script type="text/javascript" src="/prestashop1440/modules/slidecaptcha/jquery/jquery-ui.js"></script>

<script type="text/javascript" src="/prestashop1440/modules/slidecaptcha/jquery/jquery.ui.touch.js"></script>

 

<script type="text/javascript">

jQuery.QapTcha = {

build : function(options)

...

{

 

}

}; jQuery.fn.QapTcha = jQuery.QapTcha.build;

</script>

 

In footer :

<script type="text/javascript">

$(document).ready(function(){

$('#QapTcha').QapTcha({disabledSubmit:true,autoRevert:true});

});

 

</script>

 

In Form :

<textarea id="message" name="message" rows="15" cols="20" style="width:340px;height:220px"></textarea>

</p><div id="QapTcha"></div>

<p class="submit">

<input type="submit" name="submitMessage" id="submitMessage" value="Envoyer" class="button_large" onclick="$(this).hide();" />

</p>

 

 

What can be wrong ?

Share this post


Link to post
Share on other sites

Hi shacker,

thanks for your module! It is great.

But I have one problem. Module don't work in product comment form.

I've find out, that problem is in slidecaptcha-header.tpl.

In my case I must change ajax call address to this:

// set the SESSION iQaptcha in PHP file

// MODIFICATION - ADDED ABSOLUTE PATH

$.post("/store/modules/slidecaptcha/php/Qaptcha.jquery.php",{

 

Cheers,

Radek

Share this post


Link to post
Share on other sites

Thanks a lot, with this change works too in contact form?

Yes, why not? :) It is a Absolute path.

In next version of this module you could add to "slidecaptcha-header.tpl" template a Prestashop variable with absolute path to modules directory.

Share this post


Link to post
Share on other sites

 

Here is the url of my site :

http://www.horizonprovence.com/

Hi EEE,

problem isn't in slidecaptcha module. You have jquery error in searchblock. Specifically, is error in calling:

 
$("#search_query_block").autocomplete

This function is not defined. It causes that loading of next javascript functions is stopped (function for slidecpatcha isn't loaded).

Share this post


Link to post
Share on other sites

Hi EEE, problem isn't in slidecaptcha module. You have jquery error in searchblock. Specifically, is error in calling:
 $("#search_query_block").autocomplete 

This function is not defined. It causes that loading of next javascript functions is stopped (function for slidecpatcha isn't loaded).

 

Thanks !

I re-initialized the search module and I have now the captcha. Just need to correct to get the accents in French.

Thanks AGain.

Nice module !

Share this post


Link to post
Share on other sites

Hi shacker,

you have bug in slidecaptcha-header.tpl:

$.post("{/literal}{$module_dir}{literalphp/Qaptcha.jquery.php",{

must be:

$.post("{/literal}{$module_dir}{literal}php/Qaptcha.jquery.php",{

Share this post


Link to post
Share on other sites

  • 3 weeks later...

hi. you only need to put the code in the contact-form.tpl of your theme (the code is changed in the new version)

Hi Shacker

 

Thanks that works now.

I put this code in the contact-form.tpl of the theme:

{* Slide Qaptcha : begin *}

<div style="position:relative; float:left; width:100%; ">

<div id="QapTcha"></div>

<p style="padding-top:5;padding-left:165px">{l s='Form locked. Slide to unlock' mod='slidecaptcha'}</p>

</div>

{* Slide Qaptcha : end *}

 

I tried hard to align the slider and the text with the send button; but not very successful.

I don't know where is the right place to customize that.

 

I'm also not able to get the text using the current language even if I define a specific string for the language in the traduction in BO.

But I'm making progress

Share this post


Link to post
Share on other sites

Shacker,

 

Thanks, I managed to put the slider & text where I wanted.

 

But I still can't get the text in the current language except english.

In BO in traductions, I have for Front Office an expression "Form locked. Slide to unlock' mod='slidecaptcha" in contact-form and, for Modules, I have an expression "Form locked. Slide to unlock" for module slidecaptcha.

I tried to put a value in both expression but no success in displaying something else than "Form locked. Slide to unlock".

Surely I missed something !

Share this post


Link to post
Share on other sites

  • 2 weeks later...

Hi,

 

I have this great module instaled on my prestashop version 1.4.5.1 and it works fine, but I realize that on firefox 8.0.1 doesn't work, like the protect module as well.

 

Where do I make the chage ofr this module recognize other browsers?

 

Thanks

Share this post


Link to post
Share on other sites

Hi Shacker,

I tested again and on firefox it doesn't lock the form, but on IE9 it does. I didn't test on other browsers.

The slide is working, but the "send" button isn't locked.

 

my website is under construction and I have shop disabled

 

Thanks for this great module

Share this post


Link to post
Share on other sites

the code I used was:

 

{include file="$tpl_dir./../../modules/slidecaptcha/slidecaptcha.tpl"}

 

before the "send" code and it's working on IE but not on the firefox. Same as the protect module.

 

I will install the 1.4 version.

 

Thanks

Share this post


Link to post
Share on other sites

Hi Shacker

 

Please forgiveee meeee, Slide Captcha works on firefox, MY mistakeeee.

 

The thing was, the "send message" button on firefox is "normal", and on IE is disqualified. On firefox I press the button, so I thought that the message could be sent, but even after clicking it is not sent until you do the "slide".

 

Sorry, maybe you lost time trying to rectify what was right after all.

 

But on the other module "protect" in Firefox is not working, the right button of the mouse is disabled but we can select with the left one.

 

On .tpl code of the "protect" you have this:

//if NS6

if (window.sidebar)

{

//document.onmousedown=disableselect

// the above line creates issues in mozilla so keep it commented.

 

document.onclick=reEnable

 

Line 24 to 30.

 

Does this mean anything to Firefox???

 

thanks for your Help and patience

Share this post


Link to post
Share on other sites

  • 1 month later...
  • 4 weeks later...
  • 1 month later...
  • 4 weeks later...
  • 1 month later...
  • 2 months later...
  • 4 weeks later...
  • 1 month later...