User:Eiwsq/global.js: Difference between revisions

(function() {
    // 監視対象の親要素（body）
    const targetNode = document.body;

    // 監視オプション
    const config = { childList: true, subtree: true };

    const callback = function(mutationsList, observer) {
        for (const mutation of mutationsList) {
            for (const node of mutation.addedNodes) {
                if (node.id === "footer-icons") {
                    node.innerHTML = `
                        <li id="footer-partnerico">
                            <a href="https://meta.wikioasis.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled">
                                <img src="https://static.wikioasis.org/metawiki/0/0e/Wikioasis_Partner.svg" alt="Wikioasis Partner" width="88" height="31" loading="lazy">
                            </a>
                        </li>
                        <li id="footer-copyrightico">
                            <a href="https://creativecommons.org/licenses/by-sa/4.0/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled">
                                <img src="https://meta.wikioasis.org//resources/assets/licenses/cc-by-sa.png" alt="Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)" width="88" height="31" loading="lazy">
                            </a>
                        </li>
                        <li id="footer-poweredbyico">
                            <a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled">
                                <img src="/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy">
                            </a>
                        </li>
                    `;
                    // 一度置き換えたら監視を停止
                    observer.disconnect();
                }
            }
        }
    };

    const observer = new MutationObserver(callback);
    observer.observe(targetNode, config);
})();