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

편집 요약 없음
편집 요약 없음
16번째 줄: 16번째 줄:
$(baloon).append(arrow);
$(baloon).append(arrow);
$(baloon).append(inner);
$(baloon).append(inner);
$('body').after(baloon);
var baloonWidth = $(baloon).width()/2;
var iterWidth = $(iter).width();
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);
console.log('넌 값이 얼마니'+where_top);
console.log('넌 값이 얼마니'+$(iter).offset().left);
iter.tooltip = baloon;
iter.tooltip = baloon;
34번째 줄: 22번째 줄:
function(e)
function(e)
{
{
$('body').after(baloon);
var baloonWidth = $(baloon).width()/2;
var iterWidth = $(iter).width();
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;
var bal = this.tooltip;
baloon.className = "tooltip bottom fade in";
baloon.className = "tooltip bottom fade in";

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

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();
			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";
		}
	);
});