Untitled diff
37 lines
# IF C_RECAPTCHA_V2 #
<script>
<!--
jQuery(document).ready(function() {
if(window.innerWidth >= 360) {
jQuery('\#recaptcha-widget-container').html('<div id="{HTML_ID}" class="g-recaptcha" data-sitekey="{SITE_KEY}"></div><script src="https://www.google.com/recaptcha/api.js" async></ script>');
}
});
-->
</script>
# ENDIF #
<div id="recaptcha-widget-container">
<div id="recaptcha-widget-container">
<div id="recaptcha-widget" style="display: none;">
<div id="{HTML_ID}" class="g-recaptcha" data-sitekey="{SITE_KEY}"# IF C_INVISIBLE # data-callback="captchaSubmitCallback" data-size="invisible"# ENDIF #></div>
<div id="recaptcha_response_field" style="display: none;"></div>
# IF C_INVISIBLE #
<div id="recaptcha-container">
<script>
<div id="recaptcha_image"></div>
jQuery(document).ready(function(){
<div class="recaptcha_only_if_incorrect_sol color-alert">{@incorrect_sol}</div>
jQuery("\#{HTML_ID}_field").css('height', 0);
<input type="text" id="{HTML_ID}" name="{HTML_ID}" placeholder="{@type_the_answer_here}"/>
jQuery("\#{HTML_ID}_field").parent().css('height', 0);
</div>
});
<div class="options">
<a href="javascript:Recaptcha.reload()" title="{@refresh_captcha}" class="fa fa-refresh"></a>
var captchaOnloadCallback = function() {
<div class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type('audio')" title="{@audio_captcha}" class="fa fa-volume-up"></a></div>
grecaptcha.render('{HTML_ID}', {
<div class="recaptcha_only_if_audio"><a href="javascript:Recaptcha.switch_type('image')" title="{@image_captcha}" class="fa fa-picture-o"></a></div>
'sitekey' : '{SITE_KEY}',
<div><a href="javascript:Recaptcha.showhelp()" title="{@captcha_help}" class="fa fa-question-circle"></a></div>
'callback' : 'captchaSubmitCallback',
</div>
'size' : 'invisible'
</div>
});
};
<script >
var RecaptchaOptions = {
jQuery("button[name='{FORM_ID}_submit']").on('click', function (e) {
theme : 'custom',
e.preventDefault();
lang : '{LANG}',
grecaptcha.execute();
custom_theme_widget: 'recaptcha-widget'
});
};
</script >
var captchaSubmitCallback = function(token) {
<script src="https://www.google.com/recaptcha/api/challenge?k={SITE_KEY}" ></script >
jQuery("\#{FORM_ID}").append("<input type='hidden' name='{FORM_ID}_submit' value='true' />");
</div>
jQuery("\#{FORM_ID}").submit();
};
</script>
# ENDIF #
<script src="//www.google.com/recaptcha/api.js# IF C_INVISIBLE #?onload=captchaOnloadCallback&render=explicit# ENDIF #" async defer></script>
</div>