편집토론기록

미디어위키:Gadget-ReferenceTooltips-ko.js: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
38번째 줄: 38번째 줄:
var bal = this.tooltip;
var bal = this.tooltip;
baloon.className = "tooltip bottom fade";
baloon.className = "tooltip bottom fade";
$(baloon).delay(500).queue(function() { $(this).remove(); });
$(baloon).delay(200).queue(function() { $(this).remove(); });
}
}
);
);
});
});

2015년 5월 31일 (일) 13:24 판

var ref_tags = $("[id^=cite_ref]");
$(ref_tags).each(function(index ,iter)
{
	var a = $(iter).children("a")[0];
	var ref_text = $($(a).attr("href")).children(".reference-text")[0];
	var ref_text = $(ref_text).html();
	var baloon = document.createElement("div");
	var arrow = document.createElement("div");
	var inner = document.createElement("div");

	baloon.className = "tooltip bottom fade";
	arrow.className = "tooltip-arrow";
	inner.className = "tooltip-inner";
	$(inner).html(ref_text);

	$(baloon).append(arrow);
	$(baloon).append(inner);
	
	iter.tooltip = baloon;

	$(iter).hover(
		function(e)
		{
			$('body').after(baloon);
			var baloonWidth = $(baloon).width()/2;
			var iterWidth = $(iter).width()/2;
			var where_top = $(iter).offset().top+15;
			var where_left = $(iter).offset().left+iterWidth-baloonWidth;

			$(baloon).css("top",where_top);
			$(baloon).css("left",where_left);

			var bal = this.tooltip;
			baloon.className = "tooltip bottom fade in";
		},
		function(e)
		{
			var bal = this.tooltip;
			baloon.className = "tooltip bottom fade";
			$(baloon).delay(200).queue(function() { $(this).remove(); });
		}
	);
});