MediaWiki:Gadget-ExplainTooltips.js: Difference between revisions

From SmashWiki, the Super Smash Bros. wiki
Jump to navigationJump to search
 
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 */


var explain_spans = document.getElementsByClassName('explain');
for(var e = 0; e < explain_spans.length; e++) {
  explain_spans[e].onclick = function(){ toggleExplain(this); };
}
function toggleExplain(e) {
function toggleExplain(e) {
  var old = e.getAttribute('oldContent');
var old = e.getAttribute('oldContent');
  if(old && old.length > 0) {
if (old && old.length > 0) {
    e.innerHTML = old;
e.innerHTML = old;
    e.setAttribute('oldContent', '');
e.setAttribute('oldContent', '');
    e.style.borderBottom = '1px dotted';
e.style.borderBottom = '1px dotted';
  } else {
} else {
    e.setAttribute('oldContent', e.innerHTML);
e.setAttribute('oldContent', e.innerHTML);
    e.innerHTML = e.getAttribute('title');
e.innerHTML = e.getAttribute('title');
    e.style.borderBottom = '1px dashed';
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) };
		}
	}
});