User:Shardsofmetal/monobook.js/Floating sidebar.js

From Wikipedia, the free encyclopedia

Note: After saving, you have to bypass your browser's cache to see the changes. Mozilla/Safari: hold down Shift while clicking Reload (or press Ctrl-Shift-R), Internet Explorer: press Ctrl-F5, Opera/Konqueror: press F5.

// <pre>
/* Move things around so that sidebar can be fixed in position and content can scroll independently */
/* See [[meta:Help:User style/floating quickbar]] */

addOnloadHook(function () {
    var content = document.getElementById("column-content");    // Find the main content column

    var footer = document.getElementById("footer");  // Find the footer
    footer.parentNode.removeChild(footer);    // Remove the footer from the global wrapper
    content.appendChild(footer);    // Place footer at the end of the content column;

    var ptools = document.getElementById("p-personal");   // Find the top tab list
    ptools.parentNode.removeChild(ptools);    // Remove the tab list from the side column
    content.insertBefore(ptools,content.firstChild);    // Place tab list at the beginning of the content column

    var tabs = document.getElementById("p-cactions");   // Find the top tab list
    tabs.parentNode.removeChild(tabs);    // Remove the tab list from the side column
    content.insertBefore(tabs,content.firstChild);    // Place tab list at the beginning of the content column
});
// </pre>