MediaWiki:Common.js: Difference between revisions

From Wood Grading
Jump to navigation Jump to search
No edit summary
No edit summary
Line 17: Line 17:




<script>
function toggleImage() {
function changeImage() {
   var img = document.getElementById("mw-Mycanvas2");
   var image = document.getElementById("mw-Mycanvas2");
   if (img.src.includes("TopSide")) {
   if (image.src.match("20mmSoundKnot_TopSide.jpg")) {
     img.src = "https://simplywoodgrading.com/mediawiki/images/a/ab/20mmSoundKnot_ReededSide.jpg?20230319101142";
     image.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";
     img.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>';*/

Revision as of 14:41, 19 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>';

}());


function toggleImage() {
  var img = document.getElementById("mw-Mycanvas2");
  if (img.src.includes("TopSide")) {
    img.src = "https://simplywoodgrading.com/mediawiki/images/a/ab/20mmSoundKnot_ReededSide.jpg?20230319101142";
  } else {
    img.src = "https://simplywoodgrading.com/mediawiki/images/e/ea/20mmSoundKnot_TopSide.jpg?20230319084600";
  }
}