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');
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() {
$(function() {
var explain_spans = document.getElementsByClassName('explain');
var explain_spans = document.getElementsByClassName('explain');
for (var e = 0; e < explain_spans.length; e++) {
for (var e = 0; e < explain_spans.length; e++) {
  explain_spans[e].onclick = function(){ toggleExplain(this); };
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) };
	}
});