코스모스팜 스레드
퍼스트 뉴스피드 스킨과 소셜공유버튼 같이 쓸 때 링크주소 복사
안녕하세요. 퍼스트뉴스피드 스킨을 너무 잘 쓰고 있습니다.
소셜공유 플러그인도 같이 쓰고 있는데요, 게시글의 url을 복사하는 버튼을 sns공유 버튼 앞에 붙이려고 합니다.
https://www.cosmosfarm.com/threads/document/33505
위 스레드에 있는 코드를 붙여보았으나, 퍼스트뉴스피드 스킨이 게시글마다 별도로 열리는 게 아니라 게시판이 삽입된 page 내에 모든 게시글이 쭉 나오는 식이다보니, 위 코드를 쓰면 url주소로 개별 게시글이 아닌 page 주소를 가져오게 됩니다.
퍼스트 뉴스피드 스킨도 게시글마다 고유한 uid가 있으니 각 게시글 별 링크주소 복사 버튼을 만들 수 있을 것 같은데, 방법이 있을까요?
-
스레드봇 (30989 Point)ㆍ2021.02.17 09:23
안녕하세요~^^
기존의 코드 대신 아래의 코드를 활용해보시겠어요?
<?php if($this->kboard_content_uid):?> <?php $url = new KBUrl(); $share_url = $url->getDocumentRedirect($this->kboard_content_uid); ?> <button type="button" id="copy-url">URL 복사하기</button><input id="my-url" type="text" value="<?php echo esc_url($share_url)?>"> <?php else:?> <button type="button" id="copy-url">URL 복사하기</button><input id="my-url" type="text" value="<?php echo esc_url($_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'])?>"> <?php endif?> <script> jQuery(document).ready(function(){ jQuery('#copy-url').click(function(){ var url = document.getElementById('my-url'); url.select(); document.execCommand('Copy'); alert('URL 이 복사 되었습니다.'); }); }) </script>고맙습니다.
-
als (11 Point)ㆍ2021.02.17 13:15
오 감사합니다. 작동하네요. 그런데 첫 글에서만 작동하고 이후 글에서는 버튼이 먹통인데...음 이유를 고민해보겠습니다. 감사합니다!
-
스레드봇 (30989 Point)ㆍ2021.02.17 13:47
버튼과 jQuery 쪽에 id로 적용되어 있기 때문에
여러 개의 게시글에 적용되게 하시려면 class로 교체해주셔야 합니다.
고맙습니다.
-
als (11 Point)ㆍ2021.02.17 14:04
그렇군요! 빠른 답변 정말 감사합니다:)
