주소복사

   조회 2704  

https://github.com/zenorocha/clipboard.js/tree/master/dist (383)

링크주소에서 클립보드.js 다운을 받아 게시판 js폴더안에 삽입 (없으면 js폴더 생성 또는 보드폴더안에 넣고 경로를 지정)


view.skin.php 파일 상단

<!--클립보드 JS 및 스타일 설정 시작-->
<script src="<?php echo $board_skin_url;?>/js/clipboard.min.js"></script>
<script>
var clipboard = new Clipboard('.btn-clip', {
text: function() {
return 'http://<?php echo $_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]; ?>';
}
});

clipboard.on('success', function(e) {
console.log(e);
});

clipboard.on('error', function(e) {
console.log(e);
});
</script>
<!--클립보드 JS 및 스타일 설정 끝-->


::::::::::::버튼 넣을곳::::::::::::

<button class="btn-clip tooltip-top btn btn-default btn-sm" data-toggle="tooltip" data-trigger="hover" data-placement="top" data-original-title="주소가 복사되었습니다." onClick="alert('주소가 복사되었습니다.')"><i class="fa fa-clipboard fa-fw"></i>주소복사</button>


버튼 속성클래스

btn-clip 주소복사하기 위한 스크립트 클래스 지정 (이버튼은 주소복사를 실행시킨다)

tooltip-top 부트스트랩 툴팁에 대한 클래스 (부트스트랩 js 스크립트 선언에 따라 틀리게 작용하므로 자신의코드에 맞게 사용)

btn 부트스트랩 버튼 css 스타일

btn-default 부트스트랩 버튼 css 타입디자인 스타일

btn-sm 부트스트랩 버튼 크기 스타일

data- 부트스트랩 데이타코드 툴팁에 관련 방향 및 오버 클릭에 대한 코드와 툴팁 타이틀명 데이터삽입

onClick 버튼속성에 확인창 띄우는 코드

<i class="fa fa-clipboard fa-fw"></i> 폰트어썸 아이콘



111

저렴한 제본전문, 열림프린팅
소량제본, 중철,링,무선, 빠른출고, 인쇄부분 고객만족대상, 2400 DPI
복사제본은 칼라북스캔출력센타
단 한권 제본도 출력 비용 페이지당 10원, 칼라70원, 대량주문 시 추가 할인
카피마루 출력소 방배동
고품질칼라, 고품질흑백, 각종제본, 교육자료, 제안서PT, 포폴, 동인지소설
파워링크 AD   클릭초이스등록


제목Page 1/10
     
2016-06   33196   불당
2016-07   48803   불당
2015-09   71389   불당
2015-09   74325   불당
2018-06   15146   불당
2018-06   1239   불당
2017-10   1375   불당
2017-10   1233   불당
2017-05   1723   불당
2017-01   2783   불당
2016-12   2705   돼지코구뇽
2016-11   2933   불당
2016-08   3072   불당
2016-06   3068   불당
2016-06   2695   불당
2016-06   2606   불당
2016-06   2798   불당
2016-04   3858   불당
2016-04   3478   불당
2016-04   4891   불당
2016-03   3190   불당
2016-03   3077   불당
2016-03   3108   불당
2016-03   3242   불당
2016-03   3577   불당