MediaWiki:Gadget-ExplainTooltips.js: Difference between revisions
From SmashWiki, the Super Smash Bros. wiki
Jump to navigationJump to search
(New Page: →Make it so users can click on "explain" spans to toggle their content. Useful for mobile users, since there's no mouse-over.: var explain_spans = document.getElementsByClassNam...) |
No edit summary |
||
(4 intermediate revisions by the same user not shown) | |||
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() { | |||
if ('ontouchstart' in window || navigator.MaxTouchPoints > 0 || navigator.msMaxTouchPoints > 0) { | |||
var explain_spans = document.getElementsByClassName('explain'); | |||
for (var e = 0; e < explain_spans.length; e++) { | |||
explain_spans[e].onclick = function(){ toggleExplain(this) }; | |||
} | |||
} | |||
}); |
Latest revision as of 01:19, June 22, 2020
/* 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() {
if ('ontouchstart' in window || navigator.MaxTouchPoints > 0 || navigator.msMaxTouchPoints > 0) {
var explain_spans = document.getElementsByClassName('explain');
for (var e = 0; e < explain_spans.length; e++) {
explain_spans[e].onclick = function(){ toggleExplain(this) };
}
}
});