MediaWiki:Common.js: Difference between revisions

Revision as of 16:49, 9 May 2026

mw.loader.using('mediawiki.util', function () {
    $(function () {
        if ($('#handwiki-topnav').length) {
            return;
        }

        var sidebarLinks = [];

        $('#mw-panel a').each(function () {
            var text = $(this).text().trim();
            var href = $(this).attr('href');

            if (text && href) {
                sidebarLinks.push({
                    text: text,
                    href: href
                });
            }
        });

        var sidebarMenu = $('<div class="handwiki-dropdown"></div>');
        sidebarMenu.append('<div class="handwiki-dropdown-button">Sidebar ▾</div>');

        var sidebarContent = $('<div class="handwiki-dropdown-content"></div>');

        sidebarLinks.forEach(function (link) {
            sidebarContent.append(
                $('<a></a>').attr('href', link.href).text(link.text)
            );
        });

        sidebarMenu.append(sidebarContent);

        var secondMenu = $('<div class="handwiki-dropdown"></div>');
        secondMenu.append('<div class="handwiki-dropdown-button">Second menu ▾</div>');

        var secondContent = $('<div class="handwiki-dropdown-content"></div>');
        secondContent.append('<a href="/index.php/Book:Quantum_Collection">Quantum Collection</a>');
        secondContent.append('<a href="/index.php/Book:Quantum_Collection/Matter_(by_scale)">Matter by scale</a>');
        secondContent.append('<a href="/index.php/Book:Quantum_Collection/Methods_and_tools">Methods and tools</a>');
        secondContent.append('<a href="/index.php/Special:RecentChanges">Recent changes</a>');
        secondContent.append('<a href="/index.php/Special:SpecialPages">Special pages</a>');

        secondMenu.append(secondContent);

        var topnav = $('<div id="handwiki-topnav"></div>');
        topnav.append(sidebarMenu);
        topnav.append(secondMenu);

        $('#content, .mw-body').first().before(topnav);
    });
});

@@ Line 1: / Line 1: @@
-/* HandWiki Stage top roll-down navigation */
+mw.loader.using('mediawiki.util', function () {
-#handwiki-topnav {
+    $(function () {
-    display: flex;
+        if ($('#handwiki-topnav').length) {
-    gap: 12px;
+            return;
-    align-items: flex-start;
+        }
-    margin: 0 0 12px 0;
-    padding: 8px 10px;
-    border-bottom: 1px solid #c8ccd1;
-    background: #fff8cc;
-    font-size: 14px;
-}
-.handwiki-dropdown {
+        var sidebarLinks = [];
-    position: relative;
-    display: inline-block;
-}
-.handwiki-dropdown-button {
+        $('#mw-panel a').each(function () {
-    border: 1px solid #a2a9b1;
+            var text = $(this).text().trim();
-    background: #ffffff;
+            var href = $(this).attr('href');
-    padding: 6px 12px;
-    cursor: pointer;
-    min-width: 170px;
-    text-align: left;
-    font-weight: bold;
-}
-.handwiki-dropdown-content {
+            if (text && href) {
-    display: none;
+                sidebarLinks.push({
-    position: absolute;
+                    text: text,
-    z-index: 9999;
+                    href: href
-    min-width: 220px;
+                });
-    background: #ffffff;
+            }
-    border: 1px solid #a2a9b1;
+        });
-    box-shadow: 0 2px 6px rgba(0,0,0,0.18);
-    padding: 8px 0;
-}
-.handwiki-dropdown:hover .handwiki-dropdown-content {
+        var sidebarMenu = $('<div class="handwiki-dropdown"></div>');
-    display: block;
+        sidebarMenu.append('<div class="handwiki-dropdown-button">Sidebar ▾</div>');
-}
-.handwiki-dropdown-content a {
+        var sidebarContent = $('<div class="handwiki-dropdown-content"></div>');
-    display: block;
-    padding: 6px 12px;
-    text-decoration: none;
-}
-.handwiki-dropdown-content a:hover {
+        sidebarLinks.forEach(function (link) {
-    background: #eaecf0;
+            sidebarContent.append(
-}
+                $('<a></a>').attr('href', link.href).text(link.text)
+            );
+        });
+        sidebarMenu.append(sidebarContent);
+        var secondMenu = $('<div class="handwiki-dropdown"></div>');
+        secondMenu.append('<div class="handwiki-dropdown-button">Second menu ▾</div>');
+        var secondContent = $('<div class="handwiki-dropdown-content"></div>');
+        secondContent.append('<a href="/index.php/Book:Quantum_Collection">Quantum Collection</a>');
+        secondContent.append('<a href="/index.php/Book:Quantum_Collection/Matter_(by_scale)">Matter by scale</a>');
+        secondContent.append('<a href="/index.php/Book:Quantum_Collection/Methods_and_tools">Methods and tools</a>');
+        secondContent.append('<a href="/index.php/Special:RecentChanges">Recent changes</a>');
+        secondContent.append('<a href="/index.php/Special:SpecialPages">Special pages</a>');
+        secondMenu.append(secondContent);
+        var topnav = $('<div id="handwiki-topnav"></div>');
+        topnav.append(sidebarMenu);
+        topnav.append(secondMenu);
+        $('#content, .mw-body').first().before(topnav);
+    });
+});

MediaWiki:Common.js: Difference between revisions

Revision as of 16:49, 9 May 2026

Navigation menu

Search