MediaWiki:Monobook.js - Revision history

Lazlow at 08:28, 9 February 2025

2025-02-09T08:28:06Z

@@ Line 41: / Line 41: @@
+     }
    });
 });

Lazlow at 07:47, 9 February 2025

2025-02-09T07:47:30Z

← Older revision		Revision as of 10:47, 9 February 2025
Line 41:		Line 41:
	}		}
	});		});
			});

	window.RufflePlayer = window.RufflePlayer \|\| {};		window.RufflePlayer = window.RufflePlayer \|\| {};
	window.addEventListener("load", function () {		window.addEventListener("load", function (event) {
	var ruffle = window.RufflePlayer.newest();		var ruffle = window.RufflePlayer.newest();
	var player = ruffle.createPlayer();		var player = ruffle.createPlayer();
Line 69:		Line 70:
	player.style.width = "450px";		player.style.width = "450px";
	player.style.height = "500px";		player.style.height = "500px";
	~~});~~
	});		});

Lazlow at 07:46, 9 February 2025

2025-02-09T07:46:17Z

← Older revision		Revision as of 10:46, 9 February 2025
Line 42:		Line 42:
	});		});

	window.RufflePlayer = window.RufflePlayer \|\| {};		window.RufflePlayer = window.RufflePlayer \|\| {};
	window.addEventListener("load", function () {		window.addEventListener("load", function () {
	var ruffle = window.RufflePlayer.newest();		var ruffle = window.RufflePlayer.newest();
Line 59:		Line 59:
	}		}

	var gameName = classList[0].replace(/[^a-zA-Z0-9_-]/g, ''); ~~// Sanitize gameName~~		var gameName = classList[0].replace(/[^a-zA-Z0-9_-]/g, '');
	if (!gameName) {		if (!gameName) {
	console.warn("Invalid game name extracted from #ruffle container class.");		console.warn("Invalid game name extracted from #ruffle container class.");
Line 65:		Line 65:
	}		}

			container.appendChild(player);
	player.ruffle().load("/swf/" + gameName + ".swf");		player.ruffle().load("/swf/" + gameName + ".swf");
	player.style.width = "~~600px~~";		player.style.width = "450px";
	player.style.height = "~~600px~~";		player.style.height = "500px";
	~~container.appendChild(player)~~;
	});		});
	});		});

Lazlow at 07:22, 9 February 2025

2025-02-09T07:22:08Z

@@ Line 41: / Line 41: @@
+     }
    });
 });

Lazlow at 10:05, 6 February 2025

2025-02-06T10:05:07Z

← Older revision		Revision as of 13:05, 6 February 2025
Line 13:		Line 13:
	.attr("value", "")		.attr("value", "")
	.text(dropdownTitle)		.text(dropdownTitle)
	~~.prop("disabled", true)~~
	.prop("selected", true);		.prop("selected", true);
	$select.append($defaultOption);		$select.append($defaultOption);

Lazlow: Undo revision 1416 by Lazlow (talk)

2025-02-06T09:18:55Z

Undo revision 1416 by Lazlow (talk)

← Older revision		Revision as of 12:18, 6 February 2025
Line 36:		Line 36:
	});		});

	$("#archive-select-mobilejs~~").on("change~~", function(){		$(document).on("change", "#archive-select-mobilejs", function(){
	var url = $(this).val();		var url = $(this).val();
	if (url) {		if (url) {

Lazlow at 09:18, 6 February 2025

2025-02-06T09:18:30Z

← Older revision		Revision as of 12:18, 6 February 2025
Line 36:		Line 36:
	});		});

	$(~~document).on("change",~~ "#archive-select-mobilejs", function(){		$("#archive-select-mobilejs").on("change", function(){
	var url = $(this).val();		var url = $(this).val();
	if (url) {		if (url) {

Lazlow: Undo revision 1414 by Lazlow (talk)

2025-02-06T09:17:12Z

Undo revision 1414 by Lazlow (talk)

← Older revision		Revision as of 12:17, 6 February 2025
Line 2:		Line 2:

	$(document).ready(function(){		$(document).ready(function(){
	~~// Helper function that converts a container into a select dropdown.~~		var $archives = $("#p-ARCHIVES");
	~~function createSelectFromContainer(containerSelector, selectId) {~~		var dropdownTitle = $archives.find("h3").text();
	var $~~container~~ = $(~~containerSelector~~);
	var dropdownTitle = $~~container~~.find("h3").text();		var $label = $("<label>").attr("for", "archive-select").text(dropdownTitle);

	~~// Create a label element.~~		var $select = $("<select>")
	var $label = $("<label>").attr("for", ~~selectId~~).text(dropdownTitle);		.attr("id", "archive-select");

	~~// Create the select element.~~		var $defaultOption = $("<option>")
	var $select = $("<select>").attr("id", ~~selectId~~);

	~~// Add a default, disabled option.~~
	var $defaultOption = $("<option>")
	.attr("value", "")		.attr("value", "")
	.text(dropdownTitle)		.text(dropdownTitle)
	.prop("disabled", true)		.prop("disabled", true)
	.prop("selected", true);		.prop("selected", true);
	$select.append($defaultOption);		$select.append($defaultOption);

	~~// Create options from each list item.~~		$archives.find("div > ul > li").each(function(){
	$~~container~~.find("div > ul > li").each(function(){		var $anchor = $(this).find("a");
	var $anchor = $(this).find("a");		var text = $anchor.text();
	var text = $anchor.text();		var value = $anchor.attr("href") \|\| text;
	var value = $anchor.attr("href") \|\| text;		var $option = $("<option>").attr("value", value).text(text);
	var $option = $("<option>").attr("value", value).text(text);		$select.append($option);
	$select.append($option);		});
	});
			// Append the new elements to the container.
	// ~~Replace~~ the container~~'s content with the label and the new select~~.		$archives.empty().append($label).append($select);
	$~~container~~.empty().append($label).append($select);
			// Attach the change event handler via jQuery.
	// ~~Bind a~~ change event ~~that redirects based on the selected option~~.		$("#archive-select").on("change", function(){
	$select.on("change", function(){		var url = $(this).val();
	var url = $(this).val();		if (url) {
	if (url) {		window.location.href = url;
	window.location.href = url;		}
	}		});
	});
	}

	~~// Apply the transformation to both containers~~.		$(document).on("change", "#archive-select-mobilejs", function(){
	~~createSelectFromContainer~~("~~#p-ARCHIVES~~", "archive-select");		var url = $(this).val();
	~~createSelectFromContainer("#p-ARCHIVES-mobilejs", "archive-select-mobilejs"~~);		if (url) {
			window.location.href = url;
			}
			});
	});		});

Lazlow at 09:05, 6 February 2025

2025-02-06T09:05:20Z

← Older revision		Revision as of 12:05, 6 February 2025
Line 2:		Line 2:

	$(document).ready(function(){		$(document).ready(function(){
	var $~~archives~~ = $(~~"#p-ARCHIVES"~~);		// Helper function that converts a container into a select dropdown.
	var dropdownTitle = $~~archives~~.find("h3").text();		function createSelectFromContainer(containerSelector, selectId) {
			var $container = $(containerSelector);
	var $label = $("<label>").attr("for", ~~"archive-select"~~).text(dropdownTitle);		var dropdownTitle = $container.find("h3").text();

	var $select = $("<select>")		// Create a label element.
	.attr("id", ~~"archive-select"~~);		var $label = $("<label>").attr("for", selectId).text(dropdownTitle);

	var $defaultOption = $("<option>")		// Create the select element.
			var $select = $("<select>").attr("id", selectId);

			// Add a default, disabled option.
			var $defaultOption = $("<option>")
	.attr("value", "")		.attr("value", "")
	.text(dropdownTitle)		.text(dropdownTitle)
	.prop("disabled", true)		.prop("disabled", true)
	.prop("selected", true);		.prop("selected", true);
	$select.append($defaultOption);		$select.append($defaultOption);

	$~~archives~~.find("div > ul > li").each(function(){		// Create options from each list item.
	var $anchor = $(this).find("a");		$container.find("div > ul > li").each(function(){
	var text = $anchor.text();		var $anchor = $(this).find("a");
	var value = $anchor.attr("href") \|\| text;		var text = $anchor.text();
	var $option = $("<option>").attr("value", value).text(text);		var value = $anchor.attr("href") \|\| text;
	$select.append($option);		var $option = $("<option>").attr("value", value).text(text);
	});		$select.append($option);
			});
	// ~~Append~~ the new ~~elements to the container~~.
	$~~archives~~.empty().append($label).append($select);		// Replace the container's content with the label and the new select.
			$container.empty().append($label).append($select);

			// Bind a change event that redirects based on the selected option.
			$select.on("change", function(){
			var url = $(this).val();
			if (url) {
			window.location.href = url;
			}
			});
			}

	// ~~Attach~~ the ~~change event handler via jQuery~~.		// Apply the transformation to both containers.
	$("#archive-select")~~.on~~("~~change~~", ~~function(){~~		createSelectFromContainer("#p-ARCHIVES", "archive-select");
	~~var url = $(this).val();~~		createSelectFromContainer("#p-ARCHIVES-mobilejs", "archive-select-mobilejs");
	~~if (url) {~~
	~~window.location.href = url;~~
	}
	});
	});		});

Lazlow: Created page with "/* All JavaScript here will be loaded for users of the MonoBook skin */ $(document).ready(function(){ var $archives = $("#p-ARCHIVES"); var dropdownTitle = $archives.find("h3").text(); var $label = $("").attr("for", "archive-select").text(dropdownTitle); var $select = $("