MediaWiki:Monobook.js

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* 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 = $("<label>").attr("for", "archive-select").text(dropdownTitle);
  
  var $select = $("<select>")
                  .attr("id", "archive-select");

  var $defaultOption = $("<option>")
                          .attr("value", "")
                          .text(dropdownTitle)
                          .prop("selected", true);
  $select.append($defaultOption);
  
  $archives.find("div > ul > li").each(function(){
    var $anchor = $(this).find("a");
    var text = $anchor.text();
    var value = $anchor.attr("href") || text;
    var $option = $("<option>").attr("value", value).text(text);
    $select.append($option);
  });
  
  // Append the new elements to the container.
  $archives.empty().append($label).append($select);
  
  // Attach the change event handler via jQuery.
  $("#archive-select").on("change", function(){
    var url = $(this).val();
    if (url) {
      window.location.href = url;
    }
  });
  
  $(document).on("change", "#archive-select-mobilejs", function(){
    var url = $(this).val();
    if (url) {
      window.location.href = url;
    }
  });
  
window.RufflePlayer = window.RufflePlayer || {};
window.addEventListener("load", function () {
    var ruffle = window.RufflePlayer.newest();
    var player = ruffle.createPlayer();
    var container = document.getElementById("ruffle");
    
    if (!container) {
        console.error("#ruffle container not found.");
        return;
    }

    var classList = container.classList;
    if (classList.length === 0) {
        console.warn("No class found on #ruffle container to determine SWF file.");
        return;
    }

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

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