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

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개
감사 합니다.
@들레아빠 감사합니다
좋아요 추천합니다.
@푸른산타 청산타님 감사합니다
오늘도 상큼한 비타민같은 팁을 주셨어요~ 감사합니다!!
@헛둘헛둘
비타민 칭찬 감사합니다
버튼을 리스트에 넣을 수 있는 방법은 없나요?
리스트 옆에 버튼을 넣었으면 좋겠어요
@채연아빠
https://sir.kr/qa/
좋은 글 감사합니다. 행복하세요.~ 추천쿡 기본이죠.ㅎㅎㅎㅎ
@하늘뚱
감사합니다.
감사합니다.
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4409 | ||
| 2394 | 1년 전 | 5051 | ||
| 2393 |
|
1년 전 | 1699 | |
| 2392 |
|
1년 전 | 1358 | |
| 2391 |
|
1년 전 | 1140 | |
| 2390 |
|
1년 전 | 1193 | |
| 2389 | 1년 전 | 1780 | ||
| 2388 | 1년 전 | 1327 | ||
| 2387 | 1년 전 | 1309 | ||
| 2386 |
투명한열정
|
1년 전 | 3073 | |
| 2385 |
|
1년 전 | 2343 | |
| 2384 | 1년 전 | 1669 | ||
| 2383 | 1년 전 | 1803 | ||
| 2382 | 1년 전 | 1455 | ||
| 2381 |
|
1년 전 | 1873 | |
| 2380 | 1년 전 | 1042 | ||
| 2379 | 1년 전 | 1385 | ||
| 2378 | 1년 전 | 919 | ||
| 2377 | 1년 전 | 2997 | ||
| 2376 | 1년 전 | 1563 | ||
| 2375 | 1년 전 | 1736 | ||
| 2374 |
네이비스택
|
1년 전 | 1117 | |
| 2373 | 1년 전 | 1549 | ||
| 2372 | 1년 전 | 1469 | ||
| 2371 |
goodman148
|
1년 전 | 2112 | |
| 2370 | 1년 전 | 1520 | ||
| 2369 |
|
1년 전 | 1033 | |
| 2368 | 1년 전 | 1836 | ||
| 2367 | 1년 전 | 1356 | ||
| 2366 |
|
1년 전 | 1214 | |
| 2365 | 1년 전 | 2144 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기