편집 요약 없음 |
편집 요약 없음 |
||
12번째 줄: | 12번째 줄: | ||
arrow.className = "tooltip-arrow"; | arrow.className = "tooltip-arrow"; | ||
inner.className = "tooltip-inner"; | inner.className = "tooltip-inner"; | ||
$(inner).html(ref_text); | |||
var where_top = $(inner).offset ().top; | |||
var where_left = $(inner).offset ().left; | |||
$(baloon).css("top",where_top); | |||
$(baloon).css("left",where_left); | |||
$(baloon).append(arrow); | $(baloon).append(arrow); | ||
$(baloon).append(inner); | $(baloon).append(inner); |
2015년 5월 31일 (일) 12:09 판
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";
arrow.className = "tooltip-arrow";
inner.className = "tooltip-inner";
$(inner).html(ref_text);
var where_top = $(inner).offset ().top;
var where_left = $(inner).offset ().left;
$(baloon).css("top",where_top);
$(baloon).css("left",where_left);
$(baloon).append(arrow);
$(baloon).append(inner);
$(iter).after(baloon);
iter.tooltip = baloon;
$(iter).hover(
function(e)
{
var bal = this.tooltip;
baloon.className = "tooltip bottom fade in";
/*$(bal).fadeIn();*/
},
function(e)
{
var bal = this.tooltip;
baloon.className = "tooltip bottom fade";
/*$(bal).fadeOut();*/
}
);
});