Difference between revisions of "User:Stewart/vector.js"

Revision as of 21:06, 5 November 2011

$(document).ready(function(){
	var ttCache = new Object();
	var urlPrefix = wgArticlePath.replace("$1","");
	var container = $("<div id='tooltip-container' style='position:absolute;z-index:999999;height:auto !important;max-width: 300px;color:white;text-align: center; background: #24201B; width: 100%; -moz-border-radius: 10px; border-radius: 10px; padding:7px 0px;'></div>");
	var ttOffset = 10;
	container.hide();
	var mouseX = 0;
	var mouseY = 0;
	var currentTooltip = "";
	$("#bodyContent").append(container);
	$(".backpack-link > a[href]").mouseover(function(evt){
		var url = $(this).attr("href");
		if(urlPrefix == url.substr(0,urlPrefix.length)){
			url = url.substr(urlPrefix.length);
		}
		currentTooltip = url;
		relocateTooltip(evt);
		if(ttCache[url] != undefined){
			showTooltip(ttCache[url]);
			return;
		}
		$.get(wgScript+"?title="+url+"&action=render",function(data){
			var subpage = $(data).find(".backpack-tooltip");
			if(subpage.size() == 0){
				subpage = "<span style='padding-left:7px;margin-right:7px;'>Unable to load tooltip for this item</span>";
			}else{
				subpage = subpage.eq(0).html();
			}
			ttCache[url] = subpage;
			if(currentTooltip == url){
				showTooltip(subpage);
			}
		},"html");
	}).mousemove(function(evt){
		updateCoords(evt);
		relocateTooltip();
	}).mouseout(function(){
		container.hide();
	});
	function showTooltip(tooltipObj){
		container.html(tooltipObj);
		container.css("width","auto");
		if(container.outerWidth() > 300)
			container.css("width","300px");
		relocateTooltip();
		container.show();
	}
	function relocateTooltip(){
		var lMouseX = mouseX;
		var lMouseY = mouseY;
		if(lMouseY + container.outerHeight() > $(window).height()+$(window).scrollTop())
			lMouseY = ($(window).height()+$(window).scrollTop())-container.outerHeight();
		if(lMouseX + container.outerWidth() > $(window).width()+$(window).scrollLeft())
			lMouseX = lMouseX - ((ttOffset*2) + container.outerWidth());
		var bodyOffset = container.offsetParent().offset();
		lMouseX -= bodyOffset.left;
		lMouseY -= bodyOffset.top;
		container.css("left",lMouseX+"px").css("top",lMouseY+"px");
	}
	function updateCoords(evt){
		mouseX = evt.pageX + ttOffset;
		mouseY = evt.pageY + ttOffset;
	}
	$(document).unload(function(){
		container.hide();
	});
});