MediaWiki:Common.js: Difference between revisions
Jump to navigation
Jump to search
Peter wood (talk | contribs) No edit summary |
Peter wood (talk | contribs) No edit summary |
||
| Line 17: | Line 17: | ||
function changeImage() { | $(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>';*/ | /*document.getElementById('mw-Mycanvas').innerHTML = '<canvas width="100" height="100" style="border:1px solid red;"></canvas>';*/ | ||
Revision as of 10:30, 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>';
}());
$(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>';*/