MediaWiki:Monobook.js: Difference between revisions

Revision as of 11:18, 6 February 2025

/* 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("disabled", true)
                          .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;
    }
  });
});