MediaWiki:Gadget-ExplainTooltips.js

Revision as of 11:59, March 22, 2019 by Porplemontage (talk | contribs) (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...)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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.getElementsByClassName('explain');
for(var e = 0; e < explain_spans.length; e++) {
  explain_spans[e].onclick = function(){ toggleExplain(this); };
}
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';
  }
}