From Legacy Wiki
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 (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* Any JavaScript here will be loaded for all users on every page load. */
// FloatingTableHeader.js
// From https://archive.is/zJzTe,
// with very slight modifications
// ported and adapted for Wikia Oasis by mfaizsyahmi
// ---
// Heavily modified by Paradox-
//---------------------------------------- Floatheader
//--- non-UCP
var ucp = mw.config.get("wgVersion") != "1.19.24";
$("table.floatheader").each(function() {
$(this).wrap("<div class=\"divTableWithFloatingHeader\" style=\"position:relative\"></div>");
//--- If there is no thead, put all header rows into a thead
//--- Code taken from jQuery tablesorter (& modified)
//--- https://phabricator.wikimedia.org/source/mediawiki/browse/master/resources/src/jquery.tablesorter/jquery.tablesorter.js$283
if (!$("thead", this).length) {
var thead = $("<thead>");
$("> tbody > tr", this).each(function() {
if ($("> td", this).length) {
return false;
}
thead.append(this);
});
$("> tbody", this).before(thead);
}
var originalHeader = $("thead", this);
var clonedHeader = originalHeader.clone().hide();
originalHeader.after(clonedHeader);
originalHeader.addClass("tableFloatingHeaderOriginal");
clonedHeader.addClass("tableFloatingHeader");
clonedHeader.css("position", "absolute");
clonedHeader.css("top", "0");
clonedHeader.css("left", $(this).css("margin-left"));
//--- Floating Header cell fixes
$("th", clonedHeader).each(function() {
//--- Remove Sort Buttons
if ($(this).hasClass("headerSort")) {
$(this).removeClass("headerSort").removeAttr("tabindex").removeAttr("title");
//--- non-UCP
if (!ucp) {
$("span.chevron", this).parent().remove();
}
}
//--- Remove mw-collapsible Toggle Button
$(".mw-collapsible-toggle", this).remove();
//--- Remove Transparency
var bgcolors = $(this).css("background-color");
if (bgcolors.charAt(3) == "a" && bgcolors != "rgba(0, 0, 0, 0)") {
$(this).css("background-color", "rgb(" + bgcolors.match(/\d+/g).slice(0, 3).join(", ") + ")");
}
});
});
UpdateTableHeaders();
$(window).scroll(UpdateTableHeaders).resize(UpdateTableHeaders);
function UpdateTableHeaders() {
$("div.divTableWithFloatingHeader").each(function() {
var offset = $(this).offset();
var scrollTop = $(window).scrollTop();
var floatingHeader = $(".tableFloatingHeader", this);
var globalNavOffset = $("#globalNavigation").height() || 0;
if (scrollTop > offset.top - globalNavOffset && scrollTop + globalNavOffset < offset.top + $(this).height()) {
var originalHeader = $(".tableFloatingHeaderOriginal", this);
floatingHeader.css("top", Math.min(scrollTop - offset.top + globalNavOffset, $(this).height() - floatingHeader.height() - $("tr:last", this).height()) + "px").show();
//--- Copy cell width & horizontal padding from original header -- only way to make the cells obey their width
$("th", floatingHeader).each(function(i) {
var oh = $("th", originalHeader).eq(i);
//--- non-UCP -- Add "border-right-width" to the cell width
$(this).width(ucp ? oh.css("width") : oh.width() + +oh.css("border-right-width").replace("px", ""));
$(this).css("padding-left", oh.css("padding-left"));
$(this).css("padding-right", oh.css("padding-right"));
});
//--- Copy width from original thead -- Add 1px to wikitables
floatingHeader.css("width", originalHeader.width() + +$("> table", this).hasClass("wikitable") + "px");
}
else {
floatingHeader.hide();
}
});
}