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;
    }
  });
});