MediaWiki:Gadget-ExplainTooltips.js: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
Line 16: Line 16:


$(function() {
$(function() {
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
if ('ontouchstart' in window || navigator.MaxTouchPoints > 0 || navigator.msMaxTouchPoints > 0) {
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++) {

Latest revision as of 02:16, 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) };
		}
	}
});