مدیاویکی:Common.js: تفاوت میان نسخه‌ها

از ویکی داد
پرش به ناوبری پرش به جستجو
صفحه‌ای تازه حاوی «========================= بانک تست ویکی‌داد نمایش / مخفی کردن پاسخ =========================: $( function () { $( '.wd-test-toggle' ).on( 'click', function ( e ) { e.preventDefault(); var button = $( this ); var box = button.closest( '.wd-test-box' ); var answer = box.find( '.wd-test-answer' ); var showText = button.find( '.wd-test-show' );...» ایجاد کرد
 
بدون خلاصۀ ویرایش
برچسب: واگردانی دستی
 
(۸ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
/* =========================
$( function () {
  بانک تست ویکی‌داد
 
  نمایش / مخفی کردن پاسخ
    /*
  ========================= */
    * =====================================================
    * ویکی‌داد — تست‌های تعاملی
    * =====================================================
    */
 
 
    /*
    * -----------------------------------------------------
    * تبدیل گزینه‌های لیست به گزینه‌های قابل کلیک
    * -----------------------------------------------------
    */
 
    $( '.wd-test-options' ).each( function () {
 
        var container = $( this );
 
        container.find( 'li' ).each( function () {
 
            $( this ).addClass( 'wd-test-option' );
 
        } );
 
    });
 
 
    /*
    * -----------------------------------------------------
    * انتخاب گزینه
    * -----------------------------------------------------
    */
 
    $( document ).on( 'click', '.wd-test-option', function () {
 
        var option = $( this );
 
        var box = option.closest( '.wd-test' );
 
 
        /*
        * اگر پاسخ صحیح قبلاً انتخاب شده،
        * تست تمام شده است.
        */
 
        if ( box.hasClass( 'wd-test-finished' ) ) {
            return;
        }
 
 
        /*
        * دریافت پاسخ صحیح
        */
 
        var answer = $.trim(
            box.attr( 'data-answer' )
        );
 
 
        /*
        * متن گزینه انتخاب‌شده
        */
 
        var selectedText = $.trim(
            option.text()
        );
 
 
        /*
        * عناصر نتیجه
        */
 
        var result = box.find(
            '.wd-test-result'
        );
 
        var message = box.find(
            '.wd-test-result-message'
        );
 
        var answerBox = box.find(
            '.wd-test-answer'
        );
 
 
        /*
        * تشخیص حرف گزینه
        */
 
        var selectedLetter = '';
 
 
        if (
            selectedText.indexOf( 'الف' ) === 0
        ) {
 
            selectedLetter = 'الف';
 
        } else if (
            selectedText.indexOf( 'ب' ) === 0
        ) {
 
            selectedLetter = 'ب';
 
        } else if (
            selectedText.indexOf( 'ج' ) === 0
        ) {
 
            selectedLetter = 'ج';
 
        } else if (
            selectedText.indexOf( 'د' ) === 0
        ) {
 
            selectedLetter = 'د';
 
        }
 
 
        /*
        * تبدیل:
        *
        * گزینه ب
        *
        * به:
        *
        * ب
        */
 
        var correctLetter = answer
            .replace( 'گزینه', '' )
            .replace( ':', '' )
            .trim();
 


$( function () {
        /*
        * ثبت انتخاب کاربر
        */
 
        option.addClass(
            'wd-selected'
        );
 
 
        /*
        * نمایش پیام نتیجه
        */
 
        result.show();
 
 
        /*
        * =================================================
        * پاسخ صحیح
        * =================================================
        */
 
        if (
            selectedLetter === correctLetter
        ) {
 
            option.addClass(
                'wd-correct'
            );
 
 
            message
                .removeClass(
                    'wd-result-wrong'
                )
                .addClass(
                    'wd-result-correct'
                )
                .text(
                    '✓ پاسخ شما صحیح است.'
                );
 
 
            /*
            * نمایش پاسخ و تحلیل
            */
 
            answerBox
                .stop(
                    true,
                    true
                )
                .slideDown(
                    250
                );
 
 
            /*
            * پایان تست
            */


    $( '.wd-test-toggle' ).on( 'click', function ( e ) {
            box.addClass(
                'wd-test-finished'
            );


         e.preventDefault();
         }


        var button = $( this );
        var box = button.closest( '.wd-test-box' );
        var answer = box.find( '.wd-test-answer' );


         var showText = button.find( '.wd-test-show' );
         /*
        var hideText = button.find( '.wd-test-hide' );
        * =================================================
        * پاسخ غلط
        * =================================================
        */


         if ( answer.is( ':visible' ) ) {
         else {


             answer.slideUp( 200 );
             option.addClass(
                'wd-wrong'
            );


            showText.show();
            hideText.hide();


        } else {
            message
                .removeClass(
                    'wd-result-correct'
                )
                .addClass(
                    'wd-result-wrong'
                )
                .text(
                    '✕ پاسخ شما نادرست است.'
                );


            answer.slideDown( 250 );


             showText.hide();
             /*
            hideText.show();
            * عمداً پاسخ صحیح را نمایش نمی‌دهیم.
            *
            * کاربر می‌تواند گزینه دیگری را انتخاب کند.
            */


         }
         }

نسخهٔ کنونی تا ۱۰ سپتامبر ۲۰۲۶، ساعت ۱۵:۰۶

$( function () {

    /*
     * =====================================================
     * ویکی‌داد — تست‌های تعاملی
     * =====================================================
     */


    /*
     * -----------------------------------------------------
     * تبدیل گزینه‌های لیست به گزینه‌های قابل کلیک
     * -----------------------------------------------------
     */

    $( '.wd-test-options' ).each( function () {

        var container = $( this );

        container.find( 'li' ).each( function () {

            $( this ).addClass( 'wd-test-option' );

        } );

    });


    /*
     * -----------------------------------------------------
     * انتخاب گزینه
     * -----------------------------------------------------
     */

    $( document ).on( 'click', '.wd-test-option', function () {

        var option = $( this );

        var box = option.closest( '.wd-test' );


        /*
         * اگر پاسخ صحیح قبلاً انتخاب شده،
         * تست تمام شده است.
         */

        if ( box.hasClass( 'wd-test-finished' ) ) {
            return;
        }


        /*
         * دریافت پاسخ صحیح
         */

        var answer = $.trim(
            box.attr( 'data-answer' )
        );


        /*
         * متن گزینه انتخاب‌شده
         */

        var selectedText = $.trim(
            option.text()
        );


        /*
         * عناصر نتیجه
         */

        var result = box.find(
            '.wd-test-result'
        );

        var message = box.find(
            '.wd-test-result-message'
        );

        var answerBox = box.find(
            '.wd-test-answer'
        );


        /*
         * تشخیص حرف گزینه
         */

        var selectedLetter = '';


        if (
            selectedText.indexOf( 'الف' ) === 0
        ) {

            selectedLetter = 'الف';

        } else if (
            selectedText.indexOf( 'ب' ) === 0
        ) {

            selectedLetter = 'ب';

        } else if (
            selectedText.indexOf( 'ج' ) === 0
        ) {

            selectedLetter = 'ج';

        } else if (
            selectedText.indexOf( 'د' ) === 0
        ) {

            selectedLetter = 'د';

        }


        /*
         * تبدیل:
         *
         * گزینه ب
         *
         * به:
         *
         * ب
         */

        var correctLetter = answer
            .replace( 'گزینه', '' )
            .replace( ':', '' )
            .trim();


        /*
         * ثبت انتخاب کاربر
         */

        option.addClass(
            'wd-selected'
        );


        /*
         * نمایش پیام نتیجه
         */

        result.show();


        /*
         * =================================================
         * پاسخ صحیح
         * =================================================
         */

        if (
            selectedLetter === correctLetter
        ) {

            option.addClass(
                'wd-correct'
            );


            message
                .removeClass(
                    'wd-result-wrong'
                )
                .addClass(
                    'wd-result-correct'
                )
                .text(
                    '✓ پاسخ شما صحیح است.'
                );


            /*
             * نمایش پاسخ و تحلیل
             */

            answerBox
                .stop(
                    true,
                    true
                )
                .slideDown(
                    250
                );


            /*
             * پایان تست
             */

            box.addClass(
                'wd-test-finished'
            );

        }


        /*
         * =================================================
         * پاسخ غلط
         * =================================================
         */

        else {

            option.addClass(
                'wd-wrong'
            );


            message
                .removeClass(
                    'wd-result-correct'
                )
                .addClass(
                    'wd-result-wrong'
                )
                .text(
                    '✕ پاسخ شما نادرست است.'
                );


            /*
             * عمداً پاسخ صحیح را نمایش نمی‌دهیم.
             *
             * کاربر می‌تواند گزینه دیگری را انتخاب کند.
             */

        }

    });

} );