Alex at 11:06, 20 October 2024

2024-10-20T11:06:23Z

← Older revision		Revision as of 13:06, 20 October 2024
Line 1:		Line 1:
			"use strict";

	// Adapted from		// Adapted from
	// https://stackoverflow.com/questions/12539006/tooltips-for-mobile-browsers		// https://stackoverflow.com/questions/12539006/tooltips-for-mobile-browsers
Line 7:		Line 9:
	// Remove any existing tooltips		// Remove any existing tooltips
	$('.add-tooltip-popup .title').remove();		$('.add-tooltip-popup .title').remove();
		⚫	var tooltip = $(document.createElement('span'));

⚫	~~const~~ tooltip = $(document.createElement('span'));
	tooltip.addClass('title').text($(this).attr('title'));		tooltip.addClass('title').text($(this).attr('title'));
	tooltip.css('left', 0);		tooltip.css('left', 0);
Line 14:		Line 15:

	// Reposition offscreen tooltip		// Reposition offscreen tooltip
	~~const~~ endPosition = tooltip.offset().left + tooltip.width();		var endPosition = tooltip.offset().left + tooltip.width();
	~~const~~ windowWidth = $(window).width();		var windowWidth = $(window).width();
	~~const~~ overflowAmount = Math.max(0, endPosition - windowWidth + 15); // leave 15px right padding		var overflowAmount = Math.max(0, endPosition - windowWidth + 15); // leave 15px right padding
	tooltip.css('left', -overflowAmount);		tooltip.css('left', -overflowAmount);
	} else {		} else {
Line 23:		Line 24:
	});		});
	}		}

	$(init);		$(init);

Alex: Created page with "// Adapted from // https://stackoverflow.com/questions/12539006/tooltips-for-mobile-browsers function init() { $('.add-tooltip-popup').click(function () { var $title = $(this).find('.title'); if (!$title.length) { // Remove any existing tooltips $('.add-tooltip-popup .title').remove(); const tooltip = $(document.createElement('span')); tooltip.addClass('title').text($(this).attr('title')); tooltip.css('left', 0); $(thi..."

2024-10-13T00:31:47Z

Created page with "// Adapted from // https://stackoverflow.com/questions/12539006/tooltips-for-mobile-browsers function init() { $('.add-tooltip-popup').click(function () { var $title = $(this).find('.title'); if (!$title.length) { // Remove any existing tooltips $('.add-tooltip-popup .title').remove(); const tooltip = $(document.createElement('span')); tooltip.addClass('title').text($(this).attr('title')); tooltip.css('left', 0); $(thi..."

New page

// Adapted from
// https://stackoverflow.com/questions/12539006/tooltips-for-mobile-browsers
function init() {
$('.add-tooltip-popup').click(function () {
var $title = $(this).find('.title');
if (!$title.length) {
// Remove any existing tooltips
$('.add-tooltip-popup .title').remove();

const tooltip = $(document.createElement('span'));
tooltip.addClass('title').text($(this).attr('title'));
tooltip.css('left', 0);
$(this).append(tooltip);

// Reposition offscreen tooltip
const endPosition = tooltip.offset().left + tooltip.width();
const windowWidth = $(window).width();
const overflowAmount = Math.max(0, endPosition - windowWidth + 15); // leave 15px right padding
tooltip.css('left', -overflowAmount);
} else {
$title.remove();
}
});
}

$(init);

MediaWiki:Gadget-tooltipPopup-core.js - Revision history

Alex at 11:06, 20 October 2024