Bloque le chargement automatique des iframes

assets/js/iframe-consent.js

@@ -0,0 +1,19 @@
+(function() {
+  // Part of this script is hard-coded into the HTML code for performance reasons.
+  // It can be found at the bottom of template/base.html
+
+  for (const placeholder of document.querySelectorAll('.iframe-placeholder')) {
+    const message = document.createElement('p')
+    message.innerHTML = "Attention, ce contenu provient d'une source externe !"
+    const button = document.createElement('button')
+    button.innerHTML = 'Charger le contenu'
+    button.addEventListener('click', function(e) {
+      const placeholder = e.target.parentElement
+      const index = placeholder.dataset.iframeIndex
+      placeholder.outerHTML = window.iframeStash[index]
+    })
+
+    placeholder.appendChild(message)
+    placeholder.appendChild(button)
+  }
+})()

templates/base.html

@@ -240,6 +240,19 @@ <h2 class="subtitle" {% if schema %}itemprop="description"{% endif %}>{{ headlin
 
 
     {# Javascript stuff start #}
+    <script>
+        // This script is hard-coded into the HTML code for performance reasons.
+        // The rest of the code can be found in assets/js/iframe-consent.js
+        window.iframeStash = []
+        for (const [index, iframe] of document.querySelectorAll('iframe').entries()) {
+            window.iframeStash.push(iframe.outerHTML)
+            const placeholder = document.createElement('div')
+            placeholder.classList.add('iframe-placeholder')
+            placeholder.dataset.iframeIndex = index
+            iframe.parentElement.replaceChild(placeholder, iframe)
+        }
+    </script>
+
     <script src="{% static "js/jquery.min.js" %}"></script>
     {% block extra_js %}
     {% endblock %}