MediaWiki:Common.js

/* Any JavaScript here will be loaded for all users on every page load. */ // See Help:Tooltips // default setting to turn tooltips on var tooltipsOn = true;

var $tfb; var $ttfb; var $htt; var activeHoverLink = null; var tipCache = new Object;

// hides the tooltip function hideTip { $tfb.html("").removeClass("tooltip-ready").addClass("hidden").css("visibility","hidden"); activeHoverLink = null; }

// displays the tooltip function displayTip(e) { $htt.not(":empty").removeClass("hidden").addClass("tooltip-ready"); moveTip(e); $htt.not(":empty").css("visibility","visible"); moveTip(e); }

// moves the tooltip function moveTip(e) { $ct = $htt.not(":empty"); var newTop = e.clientY + ((e.clientY > ($(window).height/2)) ? -($ct.innerHeight+20):20); var newLeft = e.clientX + ((e.clientX > ($(window).width/2)) ? -($ct.innerWidth+20):20); $ct.css({"position":"fixed","top":newTop + "px","left":newLeft + "px"}); }

// AJAX tooltips function showTip(e) { var $t=$(this); activeHoverLink = $t; $p=$t.parent; if ($p.hasClass("selflink")==false) { $t.removeAttr("title"); $p.removeAttr("title"); var url = "/index.php?title="+$t.data("tt").replace(/ /g,"_").replace(/\?/g,"%3F")+"&action=render div.tooltip-content"; if (tipCache[url] != null) { $tfb.html(tipCache[url]); displayTip(e); return; } $tfb.load(url,function { if ($t != activeHoverLink) return; if ($tfb.html == "") $tfb.html(' Error This target either has no tooltip or was not intended to have one. '); $tfb.find(".tooltip-content").css("display",""); tipCache[url] = $tfb.html; displayTip(e); }); } }

// quick tooltips function hideTemplateTip { $ttfb.html("").removeClass("tooltip-ready").addClass("hidden"); }

function showTemplateTip(e) { $ttfb.html(' ' + $(this).next.html + ' '); displayTip(e); }

function bindTT { $t=$(this); $p=$t.parent; if ($p.hasClass("selflink") == false) { $t.data("tt", $p.attr("title").replace(" (page does not exist)","").replace("?","%3F")).hover(showTip,hideTip).mousemove(moveTip); } }

// check to see if it is active then do it function ttMouseOver { if (tooltipsOn && getCookie("wiki-tiploader") != "no") { $("#bodyContent").append(' '); $tfb = $("#tfb"); $ttfb = $("#templatetfb"); $htt = $("#tfb,#templatetfb"); $("#bodyContent span.ajaxttlink").each(bindTT); $("#bodyContent span.tttemplatelink").hover(showTemplateTip,hideTemplateTip).mousemove(moveTip); } }

/** * These are for creating tooltips that appear when an object with the *  "tooltip-hover" class is hovered over. * The trigger object should have a data-tooltip attribute which contains the ID of *  the tooltip. * The tooltip should have "display: none;" by default, either inline or from CSS. */ function jqEscapeId( id ) { return id.replace(/(:|\.|\[|\])/g, "\\$1" ); } $('.tooltip-hover').hover(function {   $('[id="' + jqEscapeId($(this).attr('data-tooltip')) + '"]').show; }, function {    $('[id="' + jqEscapeId($(this).attr('data-tooltip')) + '"]').hide; }); $('.tooltip-hover').mousemove(function(e) {   var tooltip = $('[id="' + jqEscapeId($(this).attr('data-tooltip')) + '"]');    var pos = $('#bodyContent').position;    var padding = 20;    var maxX = $('#bodyContent').width - tooltip.width - padding;    var x = Math.max(padding, Math.min(e.pageX + 10 - pos.left, maxX));    tooltip.css('position','absolute');    tooltip.css('top',e.pageY + 10 - pos.top + 'px');    tooltip.css('left',x + 'px'); });