Template:FAQItem: Difference between revisions

← Older edit Newer edit →

VisualWikitext

@@ Line 51: / Line 51: @@
 </html>
+<!-- Copy link control (outside HTML so wikitext variables expand) -->
 <div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">
-     <a href="javascript:void(0);"
+     <a href="#" class="copy-link" data-frag="{{anchorencode:{{{question}}}}}">
-       onclick="navigator.clipboard.writeText(window.location.origin + window.location.pathname + '#{{anchorencode:{{{question}}}}}');
+        Copy link to this question
-                this.innerText='Copied!';
-                setTimeout(()=>this.innerText='Copy link to this question',1500);">
-       Copy link to this question
      </a>
 </div>
@@ Line 65: / Line 63: @@
 </blockquote>
 </details>
+<!-- JavaScript block that MediaWiki will NOT escape -->
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    document.querySelectorAll('.copy-link').forEach(function(link) {
+        link.addEventListener('click', function(e) {
+            e.preventDefault();
+            const frag = this.getAttribute('data-frag');
+            const url = window.location.origin + window.location.pathname + '#' + frag;
+            navigator.clipboard.writeText(url).then(() => {
+                const original = this.innerText;
+                this.innerText = 'Copied!';
+                setTimeout(() => { this.innerText = original; }, 1500);
+            });
+        });
+    });
+});
+</script>
 </html>