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

편집 요약 없음
편집 요약 없음
16번째 줄: 16번째 줄:
$(baloon).append(arrow);
$(baloon).append(arrow);
$(baloon).append(inner);
$(baloon).append(inner);
$('body').after(baloon);


var where_top = $(iter).offset().top+15;
var where_top = $(iter).offset().top+15;
30번째 줄: 31번째 줄:
function(e)
function(e)
{
{
$('body').after(baloon);
var bal = this.tooltip;
var bal = this.tooltip;
baloon.className = "tooltip bottom fade in";
baloon.className = "tooltip bottom fade in";

2015년 5월 31일 (일) 12:46 판

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);
	$('body').after(baloon);

	var where_top = $(iter).offset().top+15;
	var where_left = $(iter).offset().left;
	var baloonWidth = $(baloon).width();

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

	console.log('넌 값이 얼마니'+baloonWidth);
	iter.tooltip = baloon;

	$(iter).hover(
		function(e)
		{
			var bal = this.tooltip;
			baloon.className = "tooltip bottom fade in";
		},
		function(e)
		{
			var bal = this.tooltip;
			baloon.className = "tooltip bottom fade";
		}
	);
});