Merge pull request #24117 from civicrm/5.52
[civicrm-core.git] / ext / recaptcha / templates / CRM / common / ReCAPTCHA.tpl
index fb24aeb8eff1d6e522f018fc9778afc007c3a54d..38474236cdbd3ab4694895b84979628213492b6b 100644 (file)
@@ -8,17 +8,26 @@
  +--------------------------------------------------------------------+
 *}
 {if $recaptchaHTML}
-{literal}
-<script type="text/javascript">
-var RecaptchaOptions = {{/literal}{$recaptchaOptions}{literal}};
-</script>
-{/literal}
-<div class="crm-section recaptcha-section">
+  <div class="crm-section recaptcha-section" style="display:none">
     <table class="form-layout-compressed">
-        <tr>
-          <td class="recaptcha_label">&nbsp;</td>
-          <td>{$recaptchaHTML}</td>
-       </tr>
+      <tr>
+        <td class="recaptcha_label">&nbsp;</td>
+        <td>{$recaptchaHTML}</td>
+      </tr>
     </table>
-</div>
+  </div>
+{literal}
+  <script type="text/javascript">
+    var RecaptchaOptions = {{/literal}{$recaptchaOptions}{literal}};
+
+  (function($) {
+    document.addEventListener('DOMContentLoaded', function() {
+      var submitButtons = $('div.crm-submit-buttons').last();
+      var recaptchaSection = $('div.recaptcha-section');
+      submitButtons.before(recaptchaSection);
+      recaptchaSection.show();
+    });
+  }(CRM.$));
+  </script>
+{/literal}
 {/if}