recaptcha doesn't work in popup

I've encountered a problem with new site vistors unable to register on my site. I need to resolve this asap, please help.

The issue came up on my KeyCaptcha (very nice plugin), after communicating in their forum was told I need to "comment this"... I'm not sure how to do that. Below is my issue I'm experiencing: at https://golfsgreatheritage.com

My site has a login and register option (top right of all pages). Wen you choose "register" (as in new user) the user fields appear for visitor to enter and complete, but the keycaptcha does not appear, THIS IS A PROBLEM BECAUSE after they enter their info and submit - they fail (a registration error is noted to them). However, if you choose Login, instead of Register, you can then see an option "Register" and their a registration DOES WORK. Login also works. (works means the keycaptcha is there and all is successful).

The Keycaptcha forum nailed it down easily with this reply:

Part 1- Problem is in popup window.
You are using some plugin for registration. When you click "register" then it shows hidden registration div (which has no code for showing captcha).

Part 2 - In file /templates/gk_esport/js/gk.scripts.js you can find such code:

if(document.id('gkPopupRegister')) {
popup_register = document.id('gkPopupRegister');
popup_register.setStyle('display', 'block');
popup_register_h = popup_register.getElement('.gkPopupWrap').getSize().y;
popup_register_fx = new Fx.Morph(popup_register, {duration:200, transition: Fx.Transitions.Circ.easeInOut}).set({'opacity': 0, 'height': 0 });
document.id('btnRegister').addEvent('click', function(e) {
new Event(e).stop();
popup_overlay.fade(0.45);
popup_register_fx.start({'opacity':1, 'height': popup_register_h});
opened_popup = 'register';
});
}

This code is responsible for showing popup window when you click link with id="btnRegister".
So after clicking you will see popup instead of go straight to the registration page.

Since we can't show captcha in popup you can comment this code, and after this by clicking you will go to registration page (which has working captcha.

Gavick - please help me know what needs to happen to get new users enabled again on my site, I'm stuck here as I don't know how to "comment code" as they've mentioned. Or, maybe you have a better solution?

Thank You (urgently)!

Please disabled mod_gk_register this should disable pop-up and re-direct btnRegister button to default register page.

awesome - that's exactly what I was looking for, thank you!

One more question here - what can I do to make the "login" more visible?
Would be best if the font was 18pt and color: #eafb98. Thanks!

Could you give me your site URL ? It is much easier to check code on customized site than in our clean version.

of course - https://www.golfsgreatheritage.com

Please use this code in override.css and then make sure that option 'Use override CSS' is enabled in template advanced settings tab :

Code: Select all

a#btnLogin { color: #eafb98 !important; font-size: 18px !important}

Looks great thank you!

Please disabled mod_gk_register this should disable pop-up and re-direct btnRegister button to default register page.

Can you please show me how to do this? I have disabled mod_gk_register but when I do that, I don't have a registration button anymore. Please help!

Hi eduspreview

If you are using Keycaptcha, which is a specific plugin, it won't work on a popup so the registration button can't be active. New registration can happen through the login button instead.

Thank you Scott799. I'm actually using reCaptcha with no plugin. It's not working on the popup either but that's fine. I'm using the appsite template which has the words LOGIN | REGISTER neatly positioned on the top of the page. What I'm trying to do is just to have a REGISTER button next to the LOGIN button. The REGISTER button should simply take visitors to a registration page. Can you help?

If you just want to disable register pop-up please disable mod_gk_register module.