사용자:다메즈마/references balloon.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
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("position","absolute");
	$(baloon).css("display","none");
	baloon.className = "baloon";
	$(baloon).css("padding","16px");
	$(baloon).css("top","-2px");
	$(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");
	$(iter).append(baloon);
	
	$(iter).hover(
		function(e)
		{
			var bal = $(this).children(".baloon")[0];
			$(bal).css("display","block");
		},
		function(e)
		{
			var bal = $(this).children(".baloon")[0];
			$(bal).css("display","none");
		}
	);
	
	
});