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

· 2023-11-19 (일) 22:25:12 · 3500 · 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개

감사 합니다.

2023-11-20 (월) 11:34:35

@들레아빠 감사합니다

좋아요 추천합니다.

2023-11-20 (월) 14:14:55

@푸른산타 청산타님 감사합니다 

2023-11-20 (월) 15:34:41

오늘도 상큼한 비타민같은 팁을 주셨어요~ 감사합니다!!

2023-11-20 (월) 17:27:55

@헛둘헛둘

비타민 칭찬 감사합니다 

2023-11-23 (목) 00:40:22

버튼을 리스트에 넣을 수 있는 방법은 없나요?

리스트 옆에 버튼을 넣었으면 좋겠어요

2023-11-23 (목) 03:25:23

@채연아빠 

https://sir.kr/qa/

좋은 글 감사합니다. 행복하세요.~ 추천쿡 기본이죠.ㅎㅎㅎㅎ

2023-11-27 (월) 09:39:52

@하늘뚱

감사합니다.

감사합니다.

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

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
24-01-15 조회 3,808
24-01-14 조회 3,413
24-01-12 조회 3,199
24-01-01 조회 4,029
23-12-25 조회 3,466
23-12-24 조회 4,030
23-12-20 조회 3,190
23-12-19 조회 4,007
23-12-18 조회 2,759
23-12-15 조회 3,627
23-12-08 조회 3,390
23-12-05 조회 4,708
23-12-01 조회 3,583
23-11-26 조회 3,985
23-11-21 조회 4,542
23-11-20 조회 4,493
23-11-19 조회 3,501
23-11-16 조회 3,593
23-11-15 조회 3,421
23-11-15 조회 3,308
23-11-12 조회 4,467
23-11-09 조회 4,608
23-11-02 조회 3,550
23-11-02 조회 3,224
23-10-30 조회 3,780
23-10-23 조회 4,488
23-10-18 조회 3,625
23-10-17 조회 3,122
23-10-07 조회 4,691
23-10-04 조회 3,165