MediaWiki:Gadget-ExplainTooltips.js: Difference between revisions
From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* Make it so users can click on "explain" spans to toggle their content | /* Make it so users can click on "explain" spans to toggle their content | ||
Useful for mobile users, since there's no mouse-over | Useful for mobile users, since there's no mouse-over */ | ||
function toggleExplain(e) { | function toggleExplain(e) { | ||
var old = e.getAttribute('oldContent'); | |||
if (old && old.length > 0) { | |||
e.innerHTML = old; | |||
e.setAttribute('oldContent', ''); | |||
e.style.borderBottom = '1px dotted'; | |||
} else { | |||
e.setAttribute('oldContent', e.innerHTML); | |||
e.innerHTML = e.getAttribute('title'); | |||
e.style.borderBottom = '1px dashed'; | |||
} | |||
} | } | ||
$(function() { | $(function() { | ||
var explain_spans = document.getElementsByClassName('explain'); | |||
for (var e = 0; e < explain_spans.length; e++) { | |||
explain_spans[e].onclick = function(){ toggleExplain(this) }; | |||
} | |||
}); | }); |
Revision as of 16:18, May 16, 2019
/* Make it so users can click on "explain" spans to toggle their content
Useful for mobile users, since there's no mouse-over */
function toggleExplain(e) {
var old = e.getAttribute('oldContent');
if (old && old.length > 0) {
e.innerHTML = old;
e.setAttribute('oldContent', '');
e.style.borderBottom = '1px dotted';
} else {
e.setAttribute('oldContent', e.innerHTML);
e.innerHTML = e.getAttribute('title');
e.style.borderBottom = '1px dashed';
}
}
$(function() {
var explain_spans = document.getElementsByClassName('explain');
for (var e = 0; e < explain_spans.length; e++) {
explain_spans[e].onclick = function(){ toggleExplain(this) };
}
});