뷰페이지 및 댓글에 주소복사 버튼 달기 정보
뷰페이지 및 댓글에 주소복사 버튼 달기관련링크
본문
1. 그누순정 basic / gallery 5.5 버전 이상의 "짧은 주소"에만 해당하며 나머지 조건에서는는 테스트해 보지도 않았고 테스트해 볼 생각 자체도 없으니 감안해서 사용하세요.
----------
2. 폰트어썸에서 깃발을 사용하였는데 바꾸고 싶다면 https://fontawesome.com/v4/icons/ 에서 재주껏 바꾸시기 바랍니다.
----------
3. view.skin.php 의 가장 하단이나 또는 view.tail.skin.php 에 아래의 코드를 입력합니다.
[ pc ]
<script>
document.write("<textarea id='copyUrl' style='display:none'></textarea>");
document.querySelector("#bo_v_top ul").insertAdjacentHTML("afterbegin", "<li><span id='urlSpan' class='btn_b01 btn' style='cursor:pointer' title='주소복사'><i class='fa fa-flag' aria-hidden='true'></i></span></li>");
function urlCopy() {
document.querySelector("#copyUrl").style.display = "block";
document.querySelector("#copyUrl").value = arguments[0];
document.querySelector("#copyUrl").select();
document.execCommand("copy");
document.querySelector("#copyUrl").style.display = "none";
alert("주소가 복사되었습니다");
}
document.querySelector("#urlSpan").onclick = () => {
urlCopy(String(location.href).split("?")[0]);
}
for (i of document.querySelectorAll("#bo_vc article .cm_wrap")) {
i.insertAdjacentHTML("afterbegin", "<span class='btn_b01 btn' style='position:relative;z-index:" + (Number(i.querySelector("header").style.zIndex) + 1) + ";float:right;cursor:pointer' title='주소복사'><i class='fa fa-flag' aria-hidden='true'></i></span>");
i.querySelector("span").onclick = function() {
urlCopy(String(location.href).split("?")[0] + "?#" + this.parentElement.parentElement.id);
}
}
</script>
----------
[ 모바일 ]
<script>
document.write("<textarea id='copyUrl' style='display:none'></textarea>");
document.querySelector("#container ul").insertAdjacentHTML("afterbegin", "<li><span id='urlSpan' class='btn_b03 btn' style='cursor:pointer' title='주소복사'><i class='fa fa-flag' aria-hidden='true'></i></span></li>");
function urlCopy() {
document.querySelector("#copyUrl").style.display = "block";
document.querySelector("#copyUrl").value = arguments[0];
document.querySelector("#copyUrl").select();
document.execCommand("copy");
document.querySelector("#copyUrl").style.display = "none";
alert("주소가 복사되었습니다");
}
document.querySelector("#urlSpan").onclick = () => {
urlCopy(String(location.href).split("?")[0]);
}
for (i of document.querySelectorAll("#bo_vc article .comment_inner")) {
i.insertAdjacentHTML("afterbegin", "<span class='btn_cm_opt btn_b03 btn' style='position:relative;z-index:1;float:right;margin-top:-5px;margin-right:20px;cursor:pointer' title='주소복사'><i class='fa fa-flag' aria-hidden='true'></i></span>");
i.querySelector("span").onclick = function() {
urlCopy(String(location.href).split("?")[0] + "?#" + this.parentElement.parentElement.id);
}
}
</script>
추천
6
6
댓글 11개
감사 합니다.
@들레아빠 감사합니다
좋아요 추천합니다.
@푸른산타 청산타님 감사합니다
오늘도 상큼한 비타민같은 팁을 주셨어요~ 감사합니다!!
비타민 칭찬 감사합니다
버튼을 리스트에 넣을 수 있는 방법은 없나요?
리스트 옆에 버튼을 넣었으면 좋겠어요
@채연아빠
좋은 글 감사합니다. 행복하세요.~ 추천쿡 기본이죠.ㅎㅎㅎㅎ
감사합니다.
감사합니다.