Template:FAQItem: Difference between revisions

mNo edit summary
Tag: Reverted
m ST moved page Template:FAQItemL to Template:FAQItem without leaving a redirect: new version with link
 
(One intermediate revision by the same user not shown)
Line 44: Line 44:


<!-- Generate a stable anchor ID from the question text -->
<!-- Generate a stable anchor ID from the question text -->
<!-- Anchor -->
<span id="{{anchorencode:{{{question}}}}}"></span>
<span id="{{anchorencode:{{{question}}}}}"></span>


<!-- FAQ block -->
<html>
<details class="faq-item">
<details class="faq-item">
 
<summary style="font-weight: bold; font-size:larger;"></html>{{{question}}}<html></summary>
<summary style="font-weight: bold; font-size:larger;">
</html>
{{{question}}}
</summary>


<div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">
<div style="margin:0.5em 0 1em 0; font-size:smaller; opacity:0.7;">
    <a href="#" class="copy-link" data-frag="{{anchorencode:{{{question}}}}}">
[[{{FULLPAGENAME}}#{{anchorencode:{{{question}}}}}|Link to this question]]
        Copy link to this question
    </a>
</div>
</div>


<html>
<blockquote class="faq-answer">
<blockquote class="faq-answer">
{{{answer}}}
</html>{{{answer}}}<html>
</blockquote>
</blockquote>
</details>
</details>
 
</html>
<!-- Script (allowed in wikitext) -->
<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>