diff mod_register_web/templates/recaptcha.html @ 1778:32604bf33a4c

mod_register_web: Switch to the new reCAPTCHA API, including support for "nocaptcha" when users are already signed in to Google.
author Thijs Alkemade <me@thijsalkema.de>
date Wed, 04 Mar 2015 12:57:24 +0100
parents 6015434f0e05
children
line wrap: on
line diff
--- a/mod_register_web/templates/recaptcha.html	Mon Aug 10 21:13:31 2015 +0200
+++ b/mod_register_web/templates/recaptcha.html	Wed Mar 04 12:57:24 2015 +0100
@@ -1,11 +1,26 @@
 <tr>
   <td colspan="2">
-    <script src="https://www.google.com/recaptcha/api/challenge?k={recaptcha_public_key}" type="text/javascript"></script>
+    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
+    <div class="g-recaptcha" data-sitekey="{recaptcha_public_key}"></div>
     <noscript>
-      <iframe frameborder="0" height="300" src="https://www.google.com/recaptcha/api/noscript?k={recaptcha_public_key}{recaptcha_display_error}" width="500"></iframe>
-      <br>
-      <textarea cols="40" name="recaptcha_challenge_field" rows="3"></textarea>
-      <input name="recaptcha_response_field" type="hidden" value="manual_challenge">
+      <div style="width: 302px; height: 352px;">
+        <div style="width: 302px; height: 352px; position: relative;">
+          <div style="width: 302px; height: 352px; position: absolute;">
+            <iframe src="https://www.google.com/recaptcha/api/fallback?k={recaptcha_public_key}"
+                    frameborder="0" scrolling="no"
+                    style="width: 302px; height:352px; border-style: none;">
+            </iframe>
+          </div>
+          <div style="width: 250px; height: 80px; position: absolute; border-style: none;
+                      bottom: 21px; left: 25px; margin: 0px; padding: 0px; right: 25px;">
+            <textarea id="g-recaptcha-response" name="g-recaptcha-response"
+                      class="g-recaptcha-response"
+                      style="width: 250px; height: 80px; border: 1px solid #c1c1c1;
+                             margin: 0px; padding: 0px; resize: none;" value="">
+            </textarea>
+          </div>
+        </div>
+      </div>
     </noscript>
   </td>
 </tr>