https://www.donlandsfamilydentistry.ca/assets/js/recaptcha.js

1var recaptchaKey = '6LcWF1wlAAAAAFGWnJKQVBX0F3H9OCEWuHoi3bpq';
2var recaptchaLoaded = false; // Flag to track if the reCAPTCHA script is already loaded
3// Function to execute after the reCAPTCHA script loads
4function runAfterRecaptchaLoaded() {
5  if (!recaptchaLoaded) {
6    recaptchaLoaded = true;
7    grecaptcha.ready(function() {
8      grecaptcha.execute(recaptchaKey, {action: 'submit'}).then(function(token) {
9        // Set the generated token to the #token_generate form input.
10        var response = document.querySelectorAll("[id=token_generate]");
11        for (var e = 0; e < response.length; e++) {
12          var responseItem = response[e];
13          responseItem.value = token;
14        }
15      });
16    });
17  }
18}
19// Function to load the reCAPTCHA script dynamically
20function loadRecaptchaScript() {
21  var script = document.createElement('script');
22  script.src = 'https://www.google.com/recaptcha/api.js?render=' + recaptchaKey;
23  script.async = true;
24  script.defer = true;
25  document.head.appendChild(script);
26  script.onload = runAfterRecaptchaLoaded; // Execute runAfterRecaptchaLoaded once the script is loaded
27}
28// Function to check if the form is close to the viewport
29function checkFormCloseToViewport() {
30  var form = document.querySelector("form"); // Replace "recaptcha-form" with the actual class of your form
31  if (form) {
32    var options = {
33      root: null,
34      rootMargin: '0px',
35      threshold: 0.1 // Change this threshold value as needed
36    };
37    var observer = new IntersectionObserver(function(entries, observer) {
38      entries.forEach(function(entry) {
39        if (entry.intersectionRatio >= 0.1) { // Execute the code when the form is close to 10% visible
40          observer.unobserve(entry.target); // Stop observing once the form is close to the viewport
41          loadRecaptchaScript(); // Load the reCAPTCHA script after 5 seconds
42        }
43      });
44    }, options);
45    observer.observe(form);
46  }
47}
48// Use the "DOMContentLoaded" event to start checking for the form visibility.
49document.addEventListener('DOMContentLoaded', function() {
50  setTimeout(loadRecaptchaScript, 5000); // Load the reCAPTCHA script after 5 seconds
51  checkFormCloseToViewport(); // Start checking for the form visibility immediately
52}); 
53