MediaWiki:Tabs.js

Want an adless experience? Log in or Create an account.

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl+F5 or Ctrl+R (Command+R on a Mac)
• Google Chrome: press Ctrl+Shift+R (Command+Shift+R on a Mac)
• Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl+F5
• Konqueror: click Reload or press F5
• Opera: clear the cache in Tools → Preferences

var getChildrenByTagName = function(parent, name) {
	var nodeList = [];
	for (var child = parent.firstChild; child != null; child = child.nextSibling) {
		if (child.nodeType == 1 && name == child.nodeName) { nodeList.push(child); }
	}
	return nodeList;
};

/* Move tabs from the tabcontent section to the tab section */
/* This assumes that every tabcontent div is paired with one tab div. */
var destinations = document.getElementsByClassName("tab");
var tabcontents = document.getElementsByClassName("tabcontent");

for( var i = 0; i < tabcontents.length; ++i ) {
	var tabs = getChildrenByTagName(tabcontents[i], "UL");
	console.log(tabs);
	for( var j = 0; j < tabs.length; ++j ) {
		/* Move from tabcontents ul to tab ul */
		destinations[i].firstChild.appendChild(tabs[j].firstChild);
		/* Remove the now empty tabcontents ul */
		tabcontents[i].removeChild(tabs[j]);
	}
}