MediaWiki:Common.js: Difference between revisions

From Descendants of Darkness Wiki

No edit summary
No edit summary
Line 2: Line 2:
     var sidebarId = 'mw-navigation';
     var sidebarId = 'mw-navigation';


     // Save the sidebar scroll position to URL parameter
     // Save the sidebar scroll position to session storage
     function saveSidebarScrollPosition() {
     function saveSidebarScrollPosition() {
         var scrollPosition = document.getElementById(sidebarId).scrollTop;
         var scrollPosition = document.getElementById(sidebarId).scrollTop;
         var newUrl = updateUrlParameter(window.location.href, 'sidebarScroll', scrollPosition);
         sessionStorage.setItem('sidebarScrollPosition', scrollPosition);
        window.history.replaceState(null, '', newUrl);
     }
     }


     // Restore the sidebar scroll position from URL parameter
     // Restore the sidebar scroll position from session storage
     function restoreSidebarScrollPosition() {
     function restoreSidebarScrollPosition() {
         var scrollPosition = getUrlParameter('sidebarScroll');
         var scrollPosition = sessionStorage.getItem('sidebarScrollPosition');
         if (scrollPosition !== null) {
         if (scrollPosition !== null) {
             document.getElementById(sidebarId).scrollTop = parseInt(scrollPosition);
             document.getElementById(sidebarId).scrollTop = parseInt(scrollPosition);
         }
         }
    }
    // Update URL parameter
    function updateUrlParameter(uri, key, value) {
        var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
        var separator = uri.indexOf('?') !== -1 ? "&" : "?";
        if (uri.match(re)) {
            return uri.replace(re, '$1' + key + "=" + value + '$2');
        } else {
            return uri + separator + key + "=" + value;
        }
    }
    // Get URL parameter
    function getUrlParameter(name) {
        name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
        var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
        var results = regex.exec(location.search);
        return results === null ? null : decodeURIComponent(results[1].replace(/\+/g, ' '));
     }
     }



Revision as of 20:13, 6 April 2024

(function () {
    var sidebarId = 'mw-navigation';

    // Save the sidebar scroll position to session storage
    function saveSidebarScrollPosition() {
        var scrollPosition = document.getElementById(sidebarId).scrollTop;
        sessionStorage.setItem('sidebarScrollPosition', scrollPosition);
    }

    // Restore the sidebar scroll position from session storage
    function restoreSidebarScrollPosition() {
        var scrollPosition = sessionStorage.getItem('sidebarScrollPosition');
        if (scrollPosition !== null) {
            document.getElementById(sidebarId).scrollTop = parseInt(scrollPosition);
        }
    }

    // Save the sidebar scroll position before navigating away
    window.addEventListener('beforeunload', saveSidebarScrollPosition);

    // Restore the sidebar scroll position on page load
    window.addEventListener('DOMContentLoaded', restoreSidebarScrollPosition);

    // Save the sidebar scroll position when clicking on sidebar links
    document.querySelectorAll('#' + sidebarId + ' a').forEach(function (link) {
        link.addEventListener('click', function (event) {
            saveSidebarScrollPosition();
        });
    });
})();