MediaWiki:Common.js
Revision as of 01:58, 4 March 2024 by WikiSysop (talk | contribs) (Created page with "→Any JavaScript here will be loaded for all users on every page load.: function initializeCharDivs() { // find all divs with class "js-hanzi" const charDivs = document...")
Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Any JavaScript here will be loaded for all users on every page load. */
function initializeCharDivs() {
// find all divs with class "js-hanzi"
const charDivs = document.querySelectorAll('.js-hanzi');
charDivs.forEach((charDiv) => {
// get the character from the data-char attribute
const char = charDiv.dataset.char;
// create a writer for the character, and loop animation
const writer = HanziWriter.create(charDiv, char, {
width: 100,
height: 100,
padding: 5,
showOutline: true,
});
writer.loopCharacterAnimation();
});
};
document.addEventListener('DOMContentLoaded', initializeCharDivs);