MediaWiki:Common.js
Jump to navigation
Jump to search
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.
/* 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>';
}());
$(document).ready(function() {
var mycanvas2 = document.getElementById("mw-Mycanvas2");
mycanvas2.style.width = "500px";
mycanvas2.style.height = "300px";
mycanvas2.style.backgroundImage = 'url("https://simplywoodgrading.com/mediawiki/images/e/ea/20mmSoundKnot_TopSide.jpg?20230319084600")';
mycanvas2.style.backgroundSize = "contain";
mycanvas2.style.backgroundRepeat = "no-repeat";
mycanvas2.style.backgroundPosition = "center";
mycanvas2.addEventListener("click", changeImage);
function changeImage() {
var image = document.getElementById("mw-Mycanvas2");
if (image.style.backgroundImage === 'url("https://simplywoodgrading.com/mediawiki/images/e/ea/20mmSoundKnot_TopSide.jpg?20230319084600")') {
image.style.backgroundImage = 'url("https://simplywoodgrading.com/mediawiki/images/a/ab/20mmSoundKnot_ReededSide.jpg?20230319101142")';
} else {
image.style.backgroundImage = 'url("https://simplywoodgrading.com/mediawiki/images/e/ea/20mmSoundKnot_TopSide.jpg?20230319084600")';
}
}
});
/*document.getElementById('mw-Mycanvas').innerHTML = '<canvas width="100" height="100" style="border:1px solid red;"></canvas>';*/