Senior9324 (토론 | 기여) (뭐가 문제지) |
Senior9324 (토론 | 기여) (ㅁㄴㅇㄹ) |
||
1번째 줄: | 1번째 줄: | ||
function getOffset(elem) { | function getOffset(elem) { | ||
var offset = null; | |||
if (elem) { | |||
offset = {left: 0, top: 0}; | |||
do { | |||
offset.top += elem.offsetTop; | |||
offset.left += elem.offsetLeft; | |||
elem = elem.offsetParent; | |||
} while (elem); | |||
} | |||
return offset; | |||
} | } | ||
21번째 줄: | 21번째 줄: | ||
} | } | ||
window.onload = function() { | window.onload = function() { | ||
/* create drawer */ | /* create drawer */ | ||
57번째 줄: | 56번째 줄: | ||
elem.appendChild(span); | elem.appendChild(span); | ||
}); | }); | ||
document. | document.querySelectorAll(".reference-hooker").forEach(function(elem) { | ||
elem.onclick = function(e) { | |||
e.preventDefault(); | |||
e.stopPropagation(); | |||
}; | showDrawer(this.parentNode.href.split("#")[1], this.textContent); | ||
}; | |||
}); | |||
}; | }; | ||
2015년 6월 3일 (수) 01:27 판
function getOffset(elem) {
var offset = null;
if (elem) {
offset = {left: 0, top: 0};
do {
offset.top += elem.offsetTop;
offset.left += elem.offsetLeft;
elem = elem.offsetParent;
} while (elem);
}
return offset;
}
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 = document.querySelector("#" + id + " > .reference-text").innerHTML;
drawer.className = "visible";
}
window.onload = function() {
/* create drawer */
var drawer = document.createElement("div");
drawer.setAttribute("id", "reference-drawer");
var origin = document.createElement("a");
origin.setAttribute("id", "reference-origin");
origin.onclick = function() {
if (jQuery) {
$('html, body').animate({
scrollTop: ($("#" + $(this).attr("data-target")).offset().top - 60)
}, 400);
} else {
window.scrollTo(0, getOffset(docunent.getElementById(this.getAttribute("data-target"))) - 60);
}
};
var content = document.createElement("span");
content.setAttribute("id", "reference-drawer-text");
drawer.appendChild(origin);
drawer.appendChild(content);
document.body.appendChild(drawer);
document.onclick = function(e) {
if (!$(event.target).closest("#reference-drawer").length) {
document.getElementById("reference-drawer").className = "";
}
}
document.onscroll = function(e) {
document.getElementById("reference-drawer").className = "";
});
document.querySelectorAll(".reference a").forEach(function(elem) {
var span = document.createElement("span");
span.className = "reference-hooker";
span.appendChild(elem.childNodes[0]);
elem.appendChild(span);
});
document.querySelectorAll(".reference-hooker").forEach(function(elem) {
elem.onclick = function(e) {
e.preventDefault();
e.stopPropagation();
showDrawer(this.parentNode.href.split("#")[1], this.textContent);
};
});
};