테스트 사이트 - 개발 중인 베타 버전입니다

뷰페이지 및 댓글에 주소복사 버튼 달기

· 1년 전 · 1502 · 11

3717943588_1700401061.4756.jpg

 

1. 그누순정 basic / gallery 5.5 버전 이상의 "짧은 주소"에만 해당하며 나머지 조건에서는는 테스트해 보지도 않았고 테스트해 볼 생각 자체도 없으니 감안해서 사용하세요.

 

----------

 

2. 폰트어썸에서 깃발을 사용하였는데 바꾸고 싶다면 https://fontawesome.com/v4/icons/ 에서 재주껏 바꾸시기 바랍니다.

 

----------

 

3. view.skin.php 의 가장 하단이나 또는 view.tail.skin.php 에 아래의 코드를 입력합니다.

 

[ pc ]

 

[code]

<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>

[/code]

 

----------

 

[ 모바일 ]

 

[code]

<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>

[/code]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 11개

감사합니다.

게시글 목록

번호 제목
21529
21526
21521
21516
21513
21502
21485
21471
21467
21457
21424
21421
21415
21410
21406
21405
21394
21378
21354
21349
21345
21316
21299
21297
21279
21276
21254
21242
21214
21206