MediaWiki:Common.js

/** * Creates minecraft style tooltips * * Replaces normal tooltips. Supports minecraft formatting codes (except k), and a description with line breaks (/). */ ( function {	var escapeChars = { '\\&': '&#38;', '<': '&#60;', '>': '&#62;' };	var escape = function( text ) {		// "\" must be escaped first		return text.replace( /\\\\/g, '&#92;' )			.replace( /\\&|[<>]/g, function( char ) { return escapeChars[char]; } );	};	var $tooltip = $;	var $win = $( window ), winWidth, winHeight, width, height;	$( '#mw-content-text' ).on( { 'mouseenter.minetip': function( e ) { $tooltip.remove; var $elem = $( this ), title = $elem.attr( 'data-minetip-title' ); if ( title === undefined ) { title = $elem.attr( 'title' ); if ( title !== undefined ) { title = $.trim( title.replace( /&/g, '\\&' ) ); $elem.attr( 'data-minetip-title', title ); }			}			// No title or title only contains formatting codes if ( title === undefined || title !==  && title.replace( /&([0-9a-fl-or])/g,  ) === '' ) { // Find deepest child title var childElem = $elem[0], childTitle; do { if ( childElem.hasAttribute( 'title' ) ) { childTitle = childElem.title; }					childElem = childElem.firstChild; } while( childElem && childElem.nodeType === 1 ); if ( childTitle === undefined ) { return; }				// Append child title as title may contain formatting codes if ( !title ) { title = ''; }				title += $.trim( childTitle.replace( /&/g, '\\&' ) ); // Set the retrieved title as data for future use $elem.attr( 'data-minetip-title', title ); }			if ( !$elem.data( 'minetip-ready' ) ) { // Remove title attributes so the native tooltip doesn't get in the way $elem.find( '[title]' ).addBack.removeAttr( 'title' ); $elem.data( 'minetip-ready', true ); }			if ( title === '' ) { return; }			var content = ' ' + escape( title ) + '&r '; var description = $.trim( $elem.attr( 'data-minetip-text' ) ); if ( description ) { // Apply normal escaping plus "/" description = escape( description ).replace( /\\\//g, '&#47;' ); content += ' ' + description.replace( /\//g, ' ' ) + '&r '; }			// Add classes for minecraft formatting codes while ( content.search( /&[0-9a-fl-o]/ ) > -1 ) { content = content.replace( /&([0-9a-fl-o])(.*?)(&r|$)/g, '$2 &r' ); }			// Remove reset formatting content = content.replace( /&r/g, '' ); $tooltip = $( ' ' ); $tooltip.html( content ).appendTo( 'body' ); // Cache current window and tooltip size winWidth = $win.width; winHeight = $win.height; width = $tooltip.outerWidth( true ); height = $tooltip.outerHeight( true ); // Trigger a mouse movement to position the tooltip $elem.trigger( 'mousemove', e ); },		'mousemove.minetip': function( e, trigger ) { if ( !$tooltip.length ) { $( this ).trigger( 'mouseenter' ); return; }			// Get event data from remote trigger e = trigger || e;			// Get mouse position and add default offsets var top = e.clientY - 34; var left = e.clientX + 14; // If going off the right of the screen, go to the left of the cursor if ( left + width > winWidth ) { left -= width + 36; }			// If now going off to the left of the screen, resort to going above the cursor if ( left < 0 ) { left = 0; top -= height - 22; // Go below the cursor if too high if ( top < 0 ) { top += height + 47; }			// Don't go off the top of the screen } else if ( top < 0 ) { top = 0; // Don't go off the bottom of the screen } else if ( top + height > winHeight ) { top = winHeight - height; }			// Apply the positions $tooltip.css( { top: top, left: left } ); },		'mouseleave.minetip': function { if ( !$tooltip.length ) { return; }			$tooltip.remove; $tooltip = $; }	}, '.invslot-item' ); } );