پرش به محتوا

الگو:پاسخ تاشو: تفاوت میان نسخه‌ها

از ویکی پاسخ
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۱۲ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<templatestyles src="پاسخ تاشو/styles.css" />
<templatestyles src="پاسخ تاشو/styles.css" />
<div class="question" style="background: #f6fff7; margin-bottom: 1em; border: 1px #94f7a1 solid; border-radius: 5px; padding: 0px;">
 
<div style="font-size: 22px; font-weight: bold; margin-top: 15px; margin-right: 15px">سؤال</div>
<div class="qa-list">
<div style="margin: 15px">
{{#if:{{{سوال1|{{{سوال|}}}}}}|
{{{سوال}}}
<div class="qa-item qa-{{{رنگ1|{{{رنگ|green}}}}}} mw-collapsible" data-expandtext="" data-collapsetext="">
<div class="qa-question">
<span class="qa-label">سؤال</span>
<span class="qa-text">{{{سوال1|{{{سوال|}}}}}}</span>
</div>
<div class="qa-answer mw-collapsible-content">
<span class="qa-label">پاسخ</span>
<span class="qa-text">{{{پاسخ1|{{{پاسخ|}}}}}}</span>
</div>
</div>
}}
 
{{#if:{{{سوال2|}}}|
<div class="qa-item qa-{{{رنگ2|red}}} mw-collapsible" data-expandtext="" data-collapsetext="">
<div class="qa-question">
<span class="qa-label">سؤال</span>
<span class="qa-text">{{{سوال2}}}</span>
</div>
<div class="qa-answer mw-collapsible-content">
<span class="qa-label">پاسخ</span>
<span class="qa-text">{{{پاسخ2}}}</span>
</div>
</div>
</div>
</div>
}}


<div class="answer">
{{#if:{{{سوال3|}}}|
{{{پاسخ}}}
<div class="qa-item qa-{{{رنگ3|blue}}} mw-collapsible" data-expandtext="" data-collapsetext="">
<div class="qa-question">
<span class="qa-label">سؤال</span>
<span class="qa-text">{{{سوال3}}}</span>
</div>
<div class="qa-answer mw-collapsible-content">
<span class="qa-label">پاسخ</span>
<span class="qa-text">{{{پاسخ3}}}</span>
</div>
</div>
}}
</div>
</div>
<html>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const questions = document.querySelectorAll('.question');
            const answers = document.querySelectorAll('.answer');
           
            questions.forEach((question, index) => {
                question.addEventListener('click', function() {
                    this.classList.toggle('active');
                    answers[index].classList.toggle('expanded');
                });
            });
           
            answers.forEach((answer, index) => {
                answer.addEventListener('click', function() {
                    questions[index].classList.toggle('active');
                    this.classList.toggle('expanded');
                });
            });
        });
    </script>
</html>
<noinclude>
<noinclude>
==نحوه استفاده==
 
<pre>{{پاسخ تاشو
 
| سوال = متن سوال
== نحوه استفاده ==
| پاسخ = متن پاسخ
<pre>
}}</pre>
{{پاسخ تاشو
| سوال1 = قرآن برای محسنین چه خصوصیاتی ذکر کرده است؟
| پاسخ1 = متن پاسخ اول
| رنگ1 = green
 
| سوال2 = قرآن خطاب به چه کسی است؟
| پاسخ2 = متن پاسخ دوم
| رنگ2 = red
 
| سوال3 = قرآن چیست؟
| پاسخ3 = متن پاسخ سوم
| رنگ3 = blue
}}
</pre>
 
برای بسته بودن اولیه:
<pre>
| باز1 = no
</pre>
 
رنگ‌ها: `green`، `red`، `blue`، `yellow`.
 
{{پاسخ تاشو
| سوال1 = قرآن برای محسنین چه خصوصیاتی ذکر کرده است؟
| پاسخ1 = متن پاسخ اول
| رنگ1 = green
 
| سوال2 = قرآن خطاب به چه کسی است؟
| پاسخ2 = متن پاسخ دوم
| رنگ2 = red
 
| سوال3 = قرآن چیست؟
| پاسخ3 = متن پاسخ سوم
| رنگ3 = blue
}}
 
<templatedata>
<templatedata>
{
{
"params": {
"params": {
"سوال": {},
"سوال": {},
"پاسخ": {}
"پاسخ": {},
"رنگ": {},
"باز": {},
"سوال1": {},
"پاسخ1": {},
"رنگ1": {},
"باز1": {},
"سوال2": {},
"پاسخ2": {},
"رنگ2": {},
"باز2": {},
"سوال3": {},
"پاسخ3": {},
"رنگ3": {},
"باز3": {}
},
},
"format": "block"
"format": "block"

نسخهٔ کنونی تا ‏۲۴ مهٔ ۲۰۲۶، ساعت ۱۲:۰۶




نحوه استفاده

{{پاسخ تاشو
| سوال1 = قرآن برای محسنین چه خصوصیاتی ذکر کرده است؟
| پاسخ1 = متن پاسخ اول
| رنگ1 = green

| سوال2 = قرآن خطاب به چه کسی است؟
| پاسخ2 = متن پاسخ دوم
| رنگ2 = red

| سوال3 = قرآن چیست؟
| پاسخ3 = متن پاسخ سوم
| رنگ3 = blue
}}

برای بسته بودن اولیه:

| باز1 = no

رنگ‌ها: `green`، `red`، `blue`، `yellow`.

سؤال قرآن برای محسنین چه خصوصیاتی ذکر کرده است؟

پاسخ متن پاسخ اول

سؤال قرآن خطاب به چه کسی است؟

پاسخ متن پاسخ دوم

سؤال قرآن چیست؟

پاسخ متن پاسخ سوم


بدون توصیف.

پارامترهای الگو[ویرایش داده‌های الگو]

استفاده از قالب‌بندی قطعه‌ای برای پارامترهای این الگو ارجح است.

پارامترتوضیحاتنوعوضعیت
سوالسوال

بدون توصیف

ناشناختهاختیاری
پاسخپاسخ

بدون توصیف

ناشناختهاختیاری
رنگرنگ

بدون توصیف

ناشناختهاختیاری
بازباز

بدون توصیف

ناشناختهاختیاری
سوال1سوال1

بدون توصیف

ناشناختهاختیاری
پاسخ1پاسخ1

بدون توصیف

ناشناختهاختیاری
رنگ1رنگ1

بدون توصیف

ناشناختهاختیاری
باز1باز1

بدون توصیف

ناشناختهاختیاری
سوال2سوال2

بدون توصیف

ناشناختهاختیاری
پاسخ2پاسخ2

بدون توصیف

ناشناختهاختیاری
رنگ2رنگ2

بدون توصیف

ناشناختهاختیاری
باز2باز2

بدون توصیف

ناشناختهاختیاری
سوال3سوال3

بدون توصیف

ناشناختهاختیاری
پاسخ3پاسخ3

بدون توصیف

ناشناختهاختیاری
رنگ3رنگ3

بدون توصیف

ناشناختهاختیاری
باز3باز3

بدون توصیف

ناشناختهاختیاری