미디어위키:Common.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
오페라: Ctrl-F5를 입력.

/* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */
document.addEventListener("DOMContentLoaded", function() {
    const logos = document.querySelectorAll('.mw-logo-icon');
    if (logos.length > 0) {
        const htmlElement = document.documentElement;
        const isDarkMode = htmlElement.classList.contains('skin-citizen-dark');

        logos.forEach(logo => {
            if (isDarkMode) {
                // 다크 모드인 경우 _white.png로 사용
                logo.src = logo.src.replace('_black.png', '_white.png');
            } else {
                // 라이트 모드인 경우 _black.png로 사용
                logo.src = logo.src.replace('_white.png', '_black.png');
            }
        });
    }
});

$(document).ready(function () {
    // 각 collapsible 테이블에 대해 작업 수행
    $('.mw-collapsible').each(function () {
        var $table = $(this);
        var $toggleButton = $table.find('.mw-collapsible-toggle'); // 상단의 기본 버튼 선택

        // 테이블 마지막 줄 뒤에 버튼을 추가
        $table.find('tbody').append('<tr><td colspan="100%" class="toggle-container"></td></tr>');
        $table.find('.toggle-container').append($toggleButton);

        // 테이블 기본 동작 설정 (펼치기/접기)
        $toggleButton.on('click', function () {
            if ($table.hasClass('mw-collapsed')) {
                $table.removeClass('mw-collapsed');
            } else {
                $table.addClass('mw-collapsed');
            }
        });
    });
});