MediaWiki:Common.js - Revision history

Pie at 19:37, 26 August 2025

2025-08-26T19:37:50Z

Pie at 19:37, 26 August 2025

2025-08-26T19:37:20Z

Pie at 19:34, 26 August 2025

2025-08-26T19:34:09Z

Pie at 19:18, 26 August 2025

2025-08-26T19:18:53Z

Pie at 19:09, 26 August 2025

2025-08-26T19:09:46Z

Pie: Reverted edits by Pie (talk) to last revision by Aaron

2025-08-26T19:08:00Z

Reverted edits by Pie (talk) to last revision by Aaron

Pie: Replaced content with "/* Any JavaScript here will be loaded for all users on every page load. */"

2025-08-26T19:00:34Z

Replaced content with "‎Any JavaScript here will be loaded for all users on every page load.: "

Pie at 13:38, 10 June 2025

2025-06-10T13:38:57Z

Pie: Blanked the page

2025-06-10T13:38:44Z

Blanked the page

Aaron: Experimental floatingheader entire code

2020-10-19T13:04:46Z

Experimental floatingheader entire code

@@ Line 4: / Line 4: @@
 var cssId = 'legcommon';  // you could encode the css path itself to generate id..
-var head  = document.getElementsByTagName('body')[0];
+var body = document.getElementsByTagName('body')[0];
 var style = document.createElement('script');
 style.id   = 'legcommon';
 style.src = 'https://wiki.legacy-game.net/load.php?debug=true&lang=en-gb&modules=site&only=styles&skin=gumaxdd&*';
-head.appendChild(style);
+body.appendChild(style);
 // FloatingTableHeader.js

@@ Line 4: / Line 4: @@
 var cssId = 'legcommon';  // you could encode the css path itself to generate id..
-if (!document.getElementById(legcommon))
+var head  = document.getElementsByTagName('body')[0];
 var style = document.createElement('script');
-    var head  = document.getElementsByTagName('body')[0];
+style.id   = 'legcommon';
-    var style = document.createElement('script');
+style.src = 'https://wiki.legacy-game.net/load.php?debug=true&lang=en-gb&modules=site&only=styles&skin=gumaxdd&*';
-    style.id   = 'legcommon';
+head.appendChild(style);
-    style.src = 'https://wiki.legacy-game.net/load.php?debug=true&lang=en-gb&modules=site&only=styles&skin=gumaxdd&*';
-    head.appendChild(style);
-−
 // FloatingTableHeader.js

@@ Line 3: / Line 3: @@
 //Loading Common.css
-var cssId = 'common';  // you could encode the css path itself to generate id..
+var cssId = 'legcommon';  // you could encode the css path itself to generate id..
-if (!document.getElementById(common))
+if (!document.getElementById(legcommon))
+{
-     var head  = document.getElementsByTagName('head')[0];
+     var head  = document.getElementsByTagName('body')[0];
-     var link  = document.createElement('link');
+     var style = document.createElement('script');
-     link.id   = 'common';
+     style.id   = 'legcommon';
-     link.rel  = 'stylesheet';
+     style.src = 'https://wiki.legacy-game.net/load.php?debug=true&lang=en-gb&modules=site&only=styles&skin=gumaxdd&*';
-    link.type = 'text/css';
+     head.appendChild(style);
-    link.href = 'https://wiki.legacy-game.net/index.php?title=MediaWiki:Common.css';
-    link.media = 'all';
-     head.appendChild(link);
+}

@@ Line 8: / Line 8: @@
      var head  = document.getElementsByTagName('head')[0];
      var link  = document.createElement('link');
-     link.id   = common;
+     link.id   = 'common';
      link.rel  = 'stylesheet';
      link.type = 'text/css';

← Older revision		Revision as of 19:09, 26 August 2025
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */

		+	//Loading Common.css
		+
		+	var cssId = 'common'; // you could encode the css path itself to generate id..
		+	if (!document.getElementById(common))
		+	{
		+	var head = document.getElementsByTagName('head')[0];
		+	var link = document.createElement('link');
		+	link.id = common;
		+	link.rel = 'stylesheet';
		+	link.type = 'text/css';
		+	link.href = 'https://wiki.legacy-game.net/index.php?title=MediaWiki:Common.css';
		+	link.media = 'all';
		+	head.appendChild(link);
		+	}

	// FloatingTableHeader.js		// FloatingTableHeader.js

← Older revision		Revision as of 19:08, 26 August 2025
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* 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();
		+	}
		+	});
		+	}

← Older revision		Revision as of 19:00, 26 August 2025
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* 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();~~
−	}
−	~~});~~
−	}

← Older revision	Revision as of 13:38, 10 June 2025
Line 1:	Line 1:
	+	/* 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();
	+	}
	+	});
	+	}

@@ Line 1: / Line 1: @@
 /* Any JavaScript here will be loaded for all users on every page load. */
-importArticles({
-    type: 'script',
-    articles: [
+// FloatingTableHeader.js
-        'u:dev:MediaWiki:FloatingTableHeader/Code.js',
+// From https://archive.is/zJzTe,
+// with very slight modifications
 });