주소복사

   조회 2502  

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

링크주소에서 클립보드.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

고객맞춤복사 열림프린팅
가격품질우수, 최신설비, 차원이 다른 후가공 3D엑폭시, 인쇄부분 고객만족 대상!
소량교재인쇄제본 이앤알프린텍
각종책자무료견적비교,흑백11원 컬러19원,복사가격으로 컬러교재제작,학원교재책자전문
카피마루 출력소 방배동
고품질칼라, 고품질흑백, 각종제본, 교육자료, 제안서PT, 포폴, 동인지소설
파워링크 AD   클릭초이스등록


제목Page 1/10
     
2015-09   70405   불당
2016-05   50507   불당
2016-05   32548   불당
2018-06   11469   불당
2015-10   72817   불당
2018-06   973   불당
2017-10   1160   불당
2017-10   1044   불당
2017-05   1505   불당
2017-01   2565   불당
2016-12   2503   돼지코구뇽
2016-11   2734   불당
2016-08   2869   불당
2016-06   2853   불당
2016-06   2504   불당
2016-06   2432   불당
2016-06   2608   불당
2016-04   3655   불당
2016-04   3287   불당
2016-04   4598   불당
2016-03   2995   불당
2016-03   2878   불당
2016-03   2933   불당
2016-03   3054   불당
2016-03   3379   불당