MediaWiki:Common.js: Difference between revisions

Latest revision as of 05:24, 21 March 2023

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

(function () {

  var myElement = document.getElementById('mw-hello-world');
  myElement.innerHTML = '<html>Hello World!!!</html>';

}());


(function () {

  var myElement = document.getElementById('mw-Mycanvas');
  myElement.innerHTML = '<html><canvas width="200" height="100" style="display: block; margin: 0 auto; border:1px solid red;"></canvas></html>';

}());


mw.loader.using( ['mediawiki.util', 'jquery.client'], function() {
$(document).ready(function() {
  $("#mw-Mycanvas2").click(function() {
    if ($(this).attr("src").includes("TopSide")) {
      $(this).attr("src", "https://simplywoodgrading.com/mediawiki/images/a/ab/20mmSoundKnot_ReededSide.jpg?20230319101142");
    } else {
      $(this).attr("src", "https://simplywoodgrading.com/mediawiki/images/e/ea/20mmSoundKnot_TopSide.jpg?20230319084600");
    }
  });
});
});

@@ Line 17: / Line 17: @@
-<script>
+mw.loader.using( ['mediawiki.util', 'jquery.client'], function() {
-function changeImage() {
+$(document).ready(function() {
-   var image = document.getElementById("mw-Mycanvas2");
+   $("#mw-Mycanvas2").click(function() {
-  if (image.src.match("20mmSoundKnot_TopSide.jpg")) {
+    if ($(this).attr("src").includes("TopSide")) {
-    image.src = "https://simplywoodgrading.com/mediawiki/images/a/ab/20mmSoundKnot_ReededSide.jpg?20230319101142";
+      $(this).attr("src", "https://simplywoodgrading.com/mediawiki/images/a/ab/20mmSoundKnot_ReededSide.jpg?20230319101142");
-  } else {
+    } else {
-    image.src = "https://simplywoodgrading.com/mediawiki/images/e/ea/20mmSoundKnot_TopSide.jpg?20230319084600";
+      $(this).attr("src", "https://simplywoodgrading.com/mediawiki/images/e/ea/20mmSoundKnot_TopSide.jpg?20230319084600");
-   }
+    }
-}
+   });
-</script>
+});
+});
-/*document.getElementById('mw-Mycanvas').innerHTML = '<canvas width="100" height="100" style="border:1px solid red;"></canvas>';*/