MediaWiki:Common.js: Difference between revisions

From Future Of Mankind
No edit summary
No edit summary
Line 1: Line 1:
$(document).ready(function() {
/* Any JavaScript here will be loaded for all users on every page load. */
  var term = 'Jschwjsch';
  var footnoteContent = 'The term is applied only to men and means King of Wisdom.';
 
  $('body').each(function() {
    var text = $(this).html();
    var regex = new RegExp('\\b' + term + '\\b', 'g');
    var newText = text.replace(regex, '<span class="footnote">' + term + '<div class="footnote-content">' + footnoteContent + '</div></span>');


    $(this).html(newText);
//collapsible table column test, based on: https://codepen.io/feger/pen/eDybC
  });


   $(".btnHideEnglish").click(function() {
   $(".btnHideEnglish").click(function() {
Line 59: Line 51:
   }
   }
});
});
$(document).ready(function() {
  var term = '<span class="footnote">Jschwjsch<div class="footnote-content">The term is applied only to men and means King of Wisdom.</div></span>';
  var footnoteContent = 'The term is applied only to men and means King of Wisdom.';
  $('body').each(function() {
    var text = $(this).html();
    var regex = new RegExp('\\b' + term + '\\b', 'g');
    var newText = text.replace(regex, '<span class="footnote">' + term + '<div class="footnote-content">' + footnoteContent + '</div></span>');
    $(this).html(newText);
  });

Revision as of 07:17, 10 October 2023

/* Any JavaScript here will be loaded for all users on every page load. */

//collapsible table column test, based on: https://codepen.io/feger/pen/eDybC

  $(".btnHideEnglish").click(function() {
    console.log('Hiding first column of table with an id of report');
    $("table#collapsible_report > tbody:last-child > tr > th:first-child").toggle();
    $("table#collapsible_report > tbody:last-child > tr > td:first-child").toggle();
    if ($(this).text() == "Hide English") {
      $(this).text("Show English");
      $("table#collapsible_report").css({"width": "80%", "margin": "0 auto"});
    } else {
      $(this).text("Hide English");
      $("table#collapsible_report").css({"width": "", "border-spacing": "1.5em 0", "margin": "0 -1.5em"});
    }
  });

  $(".btnHideHigh-German").click(function() {
    console.log('Hiding second column of table with an id of report');
    $("table#collapsible_report > tbody:last-child > tr > th:last-child").toggle();
    $("table#collapsible_report > tbody:last-child > tr > td:last-child").toggle();
    if ($(this).text() == "Hide High German") {
      $(this).text("Show High German");
      $("table#collapsible_report").css({"width": "80%", "margin": "0 auto"});
    } else {
      $(this).text("Hide High German");
      $("table#collapsible_report").css({"width": "", "border-spacing": "1.5em 0", "margin": "0 -1.5em"});
    }
  });

  $(".btnHideGerman").click(function() {
    console.log('Hiding second column of table with an id of report');
    $("table#collapsible_report > tbody:last-child > tr > th:last-child").toggle();
    $("table#collapsible_report > tbody:last-child > tr > td:last-child").toggle();
    if ($(this).text() == "Hide German") {
      $(this).text("Show German");
      $("table#collapsible_report").css({"width": "80%", "margin": "0 auto"});
    } else {
      $(this).text("Hide German");
      $("table#collapsible_report").css({"width": "", "border-spacing": "1.5em 0", "margin": "0 -1.5em"});
    }
  });

  // hide the german by default, on page load, but only if the btnHideGerman element exists on the page
  if (document.getElementById("btnHideGerman")) {
    console.log('btnHideGerman exists');
    //$("#btnHideGerman").click();
  } else {
    // do stuff
    console.log('btnHideGerman does not exist');
  }
});

$(document).ready(function() {
  var term = '<span class="footnote">Jschwjsch<div class="footnote-content">The term is applied only to men and means King of Wisdom.</div></span>';
  var footnoteContent = 'The term is applied only to men and means King of Wisdom.';

  $('body').each(function() {
    var text = $(this).html();
    var regex = new RegExp('\\b' + term + '\\b', 'g');
    var newText = text.replace(regex, '<span class="footnote">' + term + '<div class="footnote-content">' + footnoteContent + '</div></span>');

    $(this).html(newText);
  });