참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
function showDrawer(id, name) {
var drawer = document.getElementById("reference-drawer");
drawer.children[0].href = "#" + id;
drawer.children[0].setAttribute("data-target", id);
drawer.children[0].textContent = name;
drawer.children[1].innerHTML = $("#" + id + " > .reference-text").html();
drawer.className = "visible";
}
$(document).ready(function($) {
/* create drawer */
var drawer = $("<div></div>").attr("id", "reference-drawer");
var origin = $("<a></a>").attr("id", "reference-origin").click(function() { $('html, body').animate({ scrollTop: ($("#" + $(this).attr("data-target")).offset().top - 60) }, 400); });
var content = $("<span></span>").attr("id", "reference-drawer-text");
drawer.append(origin);
drawer.append(content);
$(document.body).append(drawer);
$(document).click(function(e) {
if (!$(event.target).closest("#reference-drawer").length) {
$("#reference-drawer").removeClass("visible");
}
}).scroll(function(e) {
$("#reference-drawer").removeClass("visible");
});
$(".reference a").each(function() {
var span = document.createElement("span");
span.className = "reference-hooker";
span.appendChild(this.childNodes[0]);
this.appendChild(span);
});
$(".reference-hooker").click(function(e) {
e.preventDefault();
e.stopPropagation();
showDrawer(this.parentNode.href.split("#")[1], this.textContent);
drawer.css({ top: $(this).offset().top - drawer.offsetHeight, left: $(this).offset().left });
});
});