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

편집 요약 없음
편집 요약 없음
8번째 줄: 8번째 줄:
$(iter).css("position","relative");
$(iter).css("position","relative");
$(baloon).html(ref_text);
$(baloon).html(ref_text);
$(baloon).css("position","absolute");
$(baloon).css("display","none");
$(baloon).css("display","none");
baloon.className = "baloon reference-text tooltip-inner";
baloon.className = "baloon reference-text tooltip-inner";
$(baloon).css("padding","16px");
$(baloon).css("padding","16px");
/* $(baloon).css("top","20px");
/* $(baloon).css("top","20px");
$(baloon).css("position","absolute");
$(baloon).css("left","-50px");
$(baloon).css("left","-50px");
$(baloon).css("min-width","160px");
$(baloon).css("min-width","160px");

2015년 5월 31일 (일) 11:32 판

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");
	$(iter).css("position","relative");
	$(baloon).html(ref_text);
	$(baloon).css("display","none");
	baloon.className = "baloon reference-text tooltip-inner";
	$(baloon).css("padding","16px");
/*	$(baloon).css("top","20px");
	$(baloon).css("position","absolute");
	$(baloon).css("left","-50px");
	$(baloon).css("min-width","160px");
	$(baloon).css("border","#CCC solid 1px");
	$(baloon).css("border-radius","5px");
	$(baloon).css("box-shadow","#555  5px 5px 5px");
	$(baloon).css("background-color","#FFF");
	$(baloon).css("font-size","12px");*/
	$(iter).append(baloon);
	
	$(iter).hover(
		function(e)
		{
			var bal = $(this).children(".baloon")[0];
			/*$(bal).css("display","block");*/
			$(bal).fadeIn();
		},
		function(e)
		{
			var bal = $(this).children(".baloon")[0];
			/*$(bal).css("display","none");*/
			$(bal).fadeOut();
		}
	);
});