| # 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> |