MediaWiki:Common.js - Revision history

Titan099 at 18:29, 15 December 2024

2024-12-15T18:29:54Z

Titan099 at 18:29, 15 December 2024

2024-12-15T18:29:30Z

← Older revision		Revision as of 18:29, 15 December 2024
Line 22:		Line 22:
	toc.innerHTML = "<h2>Contents</h2>";		toc.innerHTML = "<h2>Contents</h2>";

	// Define the content list ~~(title~~ and ~~section ids)~~		// Define the content list with categories and IDs
	var contentList = [		var contentList = [
	{ name: "Common Monsters", id: "common-monsters" },		{ name: "Common Monsters", id: "common-monsters" },
Line 28:		Line 28:
	{ name: "Saga Monsters", id: "saga-monsters" },		{ name: "Saga Monsters", id: "saga-monsters" },
	{ name: "Maze Monsters", id: "maze-monsters" },		{ name: "Maze Monsters", id: "maze-monsters" },
	{ name: "~~Ancient Temple [100 - 169]", id: "ancient-temple" },~~		{ name: "Dungeon Monsters", id: "dungeon-monsters" }
	~~{ name: "Hellish Vanguard [100 - 169]", id: "hellish-vanguard" },~~
	~~{ name: "Lost Graveyard [170 - 239]", id: "lost-graveyard" },~~
	~~{ name: "Heaven Hills [170 - 239]", id: "heaven-hills" },~~
	~~{ name: "Frozen Lair [240 - 299]", id: "frozen-lair" },~~
	~~{ name: "Saiyan Bandits Hideout Siege [240 - 299]", id: "saiyan-bandits-hideout" },~~
	~~{ name: "Curse of Pharaoh (20-39)", id: "curse-of-pharaoh" },~~
	~~{ name: "Mafia~~ Dungeon ~~(40-59)~~", id: "~~mafia-~~dungeon~~" },~~
	~~{ name: "Army Secret (60~~-~~99)", id: "army-secret" },~~
	~~{ name: "Jungle Adventure (100-129)", id: "jungle-adventure" },~~
	~~{ name: "Namek Dungeon (130-169)", id: "namek-dungeon~~" }
	];		];

Line 55:		Line 45:
	// Insert the table of contents at the top of the content area		// Insert the table of contents at the top of the content area
	contentArea.prepend(toc);		contentArea.prepend(toc);

			// Sample data for each category (10 monsters per category)
			var monsterData = {
			"common-monsters": [
			"Goblin", "Slime", "Bat", "Wolf", "Zombie", "Rat", "Bandit", "Skeleton", "Orc", "Imp"
			],
			"mini-boss-monsters": [
			"Giant Spider", "Troll", "Mummy", "Vampire", "Gorgon", "Minotaur", "Witch", "Golem", "Hydra", "Cerberus"
			],
			"saga-monsters": [
			"Dragon", "Phoenix", "Griffin", "Unicorn", "Wyvern", "Basilisk", "Chimera", "Cyclops", "Kraken", "Roc"
			],
			"maze-monsters": [
			"Minotaur", "Lich", "Necromancer", "Dark Knight", "Beholder", "Ghost", "Phantom", "Cursed Knight", "Ghoul", "Wraith"
			],
			"dungeon-monsters": [
			"Mummy", "Phantom King", "Skeleton Warrior", "Dark Mage", "Bone Golem", "Witch", "Giant Spider", "Wraith", "Necromancer", "Cursed Beast"
			]
			};

	// Create sections with ids corresponding to the table of contents		// Create sections with ids corresponding to the table of contents
Line 63:		Line 72:

	// Add table header		// Add table header
	var headers = ["~~Section~~", "~~Description~~"];		var headers = ["Monster Name", "Category"];
	var headerRow = document.createElement("tr");		var headerRow = document.createElement("tr");
	headers.forEach(function (header) {		headers.forEach(function (header) {
Line 72:		Line 81:
	table.appendChild(headerRow);		table.appendChild(headerRow);

	// ~~Add~~ rows for each ~~section with sample data~~		// Function to create rows for each monster in a category
	~~contentList.forEach(~~function (~~content~~) {		function createCategoryRow(category, monsters) {
	var ~~tableRow~~ = document.createElement("tr");		var sectionRow = document.createElement("tr");
			var categoryCell = document.createElement("td");
			var anchor = document.createElement("a");
			anchor.name = category; // Create anchor link for this category section
			categoryCell.appendChild(anchor);
			categoryCell.textContent = category.replace(/-/g, ' ').toUpperCase(); // Make category name readable
			sectionRow.appendChild(categoryCell);

	// Add ~~section name with anchor link~~		// Add monster names under each category
	var ~~sectionCell~~ = document.createElement("td");		var monstersCell = document.createElement("td");
	~~var anchor~~ = ~~document~~.~~createElement~~("a");		monstersCell.innerHTML = monsters.join("<br>");
	~~anchor.name = content.id; // Create anchor link for this section~~		sectionRow.appendChild(monstersCell);
	~~sectionCell.appendChild(anchor);~~
	~~sectionCell.textContent = content.name;~~
	~~tableRow~~.appendChild(~~sectionCell~~);

	~~// Add sample description for each section~~		return sectionRow;
	~~var descriptionCell = document.createElement("td");~~		}
	~~descriptionCell.textContent = "Sample description for " + content.name~~;
	~~tableRow.appendChild(descriptionCell);~~

	table.appendChild(~~tableRow~~);		// Add rows for each category and their monsters
	});		for (var category in monsterData) {
			var monsters = monsterData[category];
			table.appendChild(createCategoryRow(category, monsters));
			}

	// Insert the table after the table of contents		// Insert the table after the table of contents

Titan099 at 18:26, 15 December 2024

2024-12-15T18:26:38Z

@@ Line 1: / Line 1: @@
 mw.loader.using(["mediawiki.util"]).then(function () {
    (function () {
@@ Line 16: / Line 15: @@
+     }
-     // Create table element
+     // Create a table of contents
      var table = document.createElement("table");
      table.className = "wikitable"; // Apply MediaWiki's table styling
-     table.style.width = "50%";
+     table.style.width = "100%";
      table.style.margin = "20px auto";
      // Add table header
-     var headers = ["Food", "Category", "Calories"];
+     var headers = ["Section", "Description"];
      var headerRow = document.createElement("tr");
      headers.forEach(function (header) {
@@ Line 32: / Line 72: @@
      table.appendChild(headerRow);
-     // Add table rows with sample data
+     // Add rows for each section with sample data
-     var data = [
+     contentList.forEach(function (content) {
-       ["Pizza", "Fast Food", "285"],
+      var tableRow = document.createElement("tr");
-       ["Apple", "Fruit", "52"],
-       ["Salad", "Healthy", "150"]
+       // Add section name with anchor link
-    ];
+      var sectionCell = document.createElement("td");
        table.appendChild(tableRow);
      });
-     // Insert the table into the page content area
+     // Insert the table after the table of contents
-     contentArea.prepend(table); // Add the table at the top of the content area
+     contentArea.appendChild(table);
    })();
 });

Titan099 at 18:13, 15 December 2024

2024-12-15T18:13:51Z

← Older revision		Revision as of 18:13, 15 December 2024
Line 2:		Line 2:
	mw.loader.using(["mediawiki.util"]).then(function () {		mw.loader.using(["mediawiki.util"]).then(function () {
	(function () {		(function () {
	~~const~~ targetPage = "Meals"; // Target page name		var targetPage = "Meals"; // Target page name
	~~const~~ currentPage = mw.config.get("wgPageName");		var currentPage = mw.config.get("wgPageName");

	// Run the script only if the current page matches the target page		// Run the script only if the current page matches the target page
	if (currentPage !== targetPage) return;		if (currentPage !== targetPage) {
			return;
			}

	// Check if the content area exists		// Check if the content area exists
	~~const~~ contentArea = document.getElementById("mw-content-text");		var contentArea = document.getElementById("mw-content-text");
	if (!contentArea) return;		if (!contentArea) {
			return;
			}

	// Create table element		// Create table element
	~~const~~ table = document.createElement("table");		var table = document.createElement("table");
	table.className = "wikitable"; // Apply MediaWiki's table styling		table.className = "wikitable"; // Apply MediaWiki's table styling
	table.style.width = "50%";		table.style.width = "50%";
Line 19:		Line 23:

	// Add table header		// Add table header
	~~const~~ headers = ["Food", "Category", "Calories"];		var headers = ["Food", "Category", "Calories"];
	~~const~~ headerRow = document.createElement("tr");		var headerRow = document.createElement("tr");
	headers.forEach((header) => {		headers.forEach(function (header) {
	~~const~~ th = document.createElement("th");		var th = document.createElement("th");
	th.textContent = header;		th.textContent = header;
	headerRow.appendChild(th);		headerRow.appendChild(th);
Line 29:		Line 33:

	// Add table rows with sample data		// Add table rows with sample data
	~~const~~ data = [		var data = [
	["Pizza", "Fast Food", "285"],		["Pizza", "Fast Food", "285"],
	["Apple", "Fruit", "52"],		["Apple", "Fruit", "52"],
	["Salad", "Healthy", "150"],		["Salad", "Healthy", "150"]
	];		];

	data.forEach((row) => {		data.forEach(function (row) {
	~~const~~ tableRow = document.createElement("tr");		var tableRow = document.createElement("tr");
	row.forEach((cell) => {		row.forEach(function (cell) {
	~~const~~ td = document.createElement("td");		var td = document.createElement("td");
	td.textContent = cell;		td.textContent = cell;
	tableRow.appendChild(td);		tableRow.appendChild(td);

Titan099 at 18:10, 15 December 2024

2024-12-15T18:10:21Z

← Older revision		Revision as of 18:10, 15 December 2024
Line 32:		Line 32:
	["Pizza", "Fast Food", "285"],		["Pizza", "Fast Food", "285"],
	["Apple", "Fruit", "52"],		["Apple", "Fruit", "52"],
	["Salad", "Healthy", "150"]		["Salad", "Healthy", "150"],
	];		];

Titan099 at 18:07, 15 December 2024

2024-12-15T18:07:23Z

← Older revision		Revision as of 18:07, 15 December 2024
Line 1:		Line 1:
	// JavaScript to dynamically create and insert a table, only on the "Meals" page		// JavaScript to dynamically create and insert a table, only on the "Meals" page
	(function () {		mw.loader.using(["mediawiki.util"]).then(function () {
	// ~~Specify the~~ page name ~~(MediaWiki uses underscores for spaces in page titles)~~		(function () {
	const ~~targetPage~~ = "~~Meals~~";		const targetPage = "Meals"; // Target page name
			const currentPage = mw.config.get("wgPageName");

	// ~~Get~~ the current page ~~name from MediaWiki's configuration~~		// Run the script only if the current page matches the target page
	~~const~~ currentPage = ~~mw.config.get("wgPageName"~~);		if (currentPage !== targetPage) return;

	// ~~Run the script only~~ if the ~~current page matches the target page~~		// Check if the content area exists
	if (~~currentPage~~ !~~== targetPage~~) return;		const contentArea = document.getElementById("mw-content-text");
			if (!contentArea) return;

	// ~~Check if the content area exists~~		// Create table element
	const ~~contentArea~~ = document.~~getElementById~~("~~mw-content-text~~");		const table = document.createElement("table");
	~~if (!contentArea) return~~;		table.className = "wikitable"; // Apply MediaWiki's table styling
			table.style.width = "50%";
			table.style.margin = "20px auto";

	// ~~Create~~ table ~~element~~		// Add table header
	const ~~table~~ = document.createElement("~~table~~");		const headers = ["Food", "Category", "Calories"];
	~~table~~.~~className~~ = "~~wikitable~~"; ~~// Apply MediaWiki's table styling~~		const headerRow = document.createElement("tr");
	~~table~~.~~style~~.~~width = "50%"~~;		headers.forEach((header) => {
	table.~~style.margin = "20px auto"~~;		const th = document.createElement("th");
			th.textContent = header;
			headerRow.appendChild(th);
			});
			table.appendChild(headerRow);

	// Add table ~~header~~		// Add table rows with sample data
	const ~~headers~~ = ["Food", "~~Category~~", "~~Calories~~"];		const data = [
	const ~~headerRow~~ = document.createElement("tr");		["Pizza", "Fast Food", "285"],
	~~headers~~.forEach((~~header~~) => {		["Apple", "Fruit", "52"],
	const th = document.createElement("th");		["Salad", "Healthy", "150"]
	th.textContent = ~~header~~;		];
	~~headerRow~~
			data.forEach((row) => {
			const tableRow = document.createElement("tr");
			row.forEach((cell) => {
			const td = document.createElement("td");
			td.textContent = cell;
			tableRow.appendChild(td);
			});
			table.appendChild(tableRow);
			});

			// Insert the table into the page content area
			contentArea.prepend(table); // Add the table at the top of the content area
			})();
			});

Titan099 at 17:58, 15 December 2024

2024-12-15T17:58:14Z

← Older revision		Revision as of 17:58, 15 December 2024
Line 1:		Line 1:
	// JavaScript to dynamically create and insert a table, only on ~~a specific~~ page		// JavaScript to dynamically create and insert a table, only on the "Meals" page
	(function () {		(function () {
	// Specify the page ~~where the script should run~~		// Specify the page name (MediaWiki uses underscores for spaces in page titles)
	const targetPage = "~~Target_Page_Name~~"; ~~// Replace with your page's title (spaces replaced with underscores)~~		const targetPage = "Meals";

	// Get the current page name from MediaWiki		// Get the current page name from MediaWiki's configuration
	const currentPage = mw.config.get("~~wgMeals~~");		const currentPage = mw.config.get("wgPageName");

	// Run the script only on the target page		// Run the script only if the current page matches the target page
	if (currentPage !== targetPage) return;		if (currentPage !== targetPage) return;

	// Check if the ~~page~~ content area exists		// Check if the content area exists
	const contentArea = document.getElementById("mw-content-text");		const contentArea = document.getElementById("mw-content-text");
	if (!contentArea) return;		if (!contentArea) return;
Line 16:		Line 16:
	// Create table element		// Create table element
	const table = document.createElement("table");		const table = document.createElement("table");
	table.className = "wikitable"; // MediaWiki styling ~~class~~		table.className = "wikitable"; // Apply MediaWiki's table styling
	table.style.width = "50%";		table.style.width = "50%";
	table.style.margin = "20px auto";		table.style.margin = "20px auto";

	// Add table header		// Add table header
	const headers = ["~~Name~~", "~~Age~~", "~~City~~"];		const headers = ["Food", "Category", "Calories"];
	const headerRow = document.createElement("tr");		const headerRow = document.createElement("tr");
	headers.forEach((header) => {		headers.forEach((header) => {
	const th = document.createElement("th");		const th = document.createElement("th");
	th.textContent = header;		th.textContent = header;
	headerRow~~.appendChild(th);~~		headerRow
	~~});~~
	~~table.appendChild(headerRow);~~

	~~// Add table rows with random data~~
	~~const data = [~~
	~~["Alice", "25", "New York"],~~
	~~["Bob", "30", "Los Angeles"],~~
	~~["Charlie", "35", "Chicago"]~~
	];

	~~data.forEach((row) => {~~
	~~const tableRow = document.createElement("tr");~~
	~~row.forEach((cell) => {~~
	~~const td = document.createElement("td");~~
	~~td.textContent = cell;~~
	~~tableRow.appendChild(td);~~
	~~});~~
	~~table.appendChild(tableRow);~~
	~~});~~

	~~// Insert the table into the page content area~~
	~~contentArea.prepend(table); // Add table at the top of the page content~~
	~~})();~~

Titan099 at 17:57, 15 December 2024

2024-12-15T17:57:06Z

@@ Line 1: / Line 1: @@
-/* Any JavaScript here will be loaded for all users on every page load. */
+// JavaScript to dynamically create and insert a table, only on a specific page
 (function () {
    // Check if the page content area exists
    const contentArea = document.getElementById("mw-content-text");

Titan099: Created page with "/* Any JavaScript here will be loaded for all users on every page load. */ // JavaScript to dynamically create and insert a table into a MediaWiki page (function () { // Check if the page content area exists const contentArea = document.getElementById("mw-content-text"); if (!contentArea) return; // Create table element const table = document.createElement("table"); table.className = "wikitable"; // MediaWiki styling class table.style.width = "50%"; tabl..."

2024-12-15T17:53:46Z

Created page with "Any JavaScript here will be loaded for all users on every page load.: // JavaScript to dynamically create and insert a table into a MediaWiki page (function () { // Check if the page content area exists const contentArea = document.getElementById("mw-content-text"); if (!contentArea) return; // Create table element const table = document.createElement("table"); table.className = "wikitable"; // MediaWiki styling class table.style.width = "50%"; tabl..."

New page

/* Any JavaScript here will be loaded for all users on every page load. */
// JavaScript to dynamically create and insert a table into a MediaWiki page
(function () {
// Check if the page content area exists
const contentArea = document.getElementById("mw-content-text");
if (!contentArea) return;

// Create table element
const table = document.createElement("table");
table.className = "wikitable"; // MediaWiki styling class
table.style.width = "50%";
table.style.margin = "20px auto";

// Add table header
const headers = ["Name", "Age", "City"];
const headerRow = document.createElement("tr");
headers.forEach((header) => {
const th = document.createElement("th");
th.textContent = header;
headerRow.appendChild(th);
});
table.appendChild(headerRow);

// Add table rows with random data
const data = [
["Alice", "25", "New York"],
["Bob", "30", "Los Angeles"],
["Charlie", "35", "Chicago"]
];

data.forEach((row) => {
const tableRow = document.createElement("tr");
row.forEach((cell) => {
const td = document.createElement("td");
td.textContent = cell;
tableRow.appendChild(td);
});
table.appendChild(tableRow);
});

// Insert the table into the page content area
contentArea.prepend(table); // Add table at the top of the page content
})();