MediaWiki:Common.js: Difference between revisions
Appearance
debugging hexstring |
ul and ol have same level of indentation |
||
| Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
/* Custom animated | ul, ol { | ||
margin-left: 0em; | |||
padding-left: 1.6em; /* Adjust as needed */ | |||
} | |||
/* Custom animated collapsibles: */ | |||
var coll = document.getElementsByClassName("custom-collapsible"); | var coll = document.getElementsByClassName("custom-collapsible"); | ||
var i; | var i; | ||
Revision as of 13:45, 24 November 2023
/* Any JavaScript here will be loaded for all users on every page load. */
ul, ol {
margin-left: 0em;
padding-left: 1.6em; /* Adjust as needed */
}
/* Custom animated collapsibles: */
var coll = document.getElementsByClassName("custom-collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.maxHeight){
content.style.maxHeight = null;
content.classList.remove("custom-collapsible-content-visible");
} else {
content.style.maxHeight = content.scrollHeight + "px";
content.classList.add("custom-collapsible-content-visible");
}
});
}
/* Custom hex strings */
var hss = document.getElementsByClassName("hex-string");
var i;
for (i = 0; i < hss.length; i++) {
hss[i].addEventListener("click", function() {
if (this.dataset.state === 'hex') {
// Switch to English
this.querySelector('.hex-string-content').innerText = this.dataset.text;
this.dataset.state = 'text';
} else {
// Switch to Hex
this.querySelector('.hex-string-content').innerText = this.dataset.hex;
this.dataset.state = 'hex';
}
});
}