주소복사

   조회 2115  

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

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

복사 제본 북스캔 라인카피
단, 한권의 책도 복사 10원, 제본1000원, 칼라출력70원, 대량부수 추가할인
빠르고 좋은품질 바다카피
고품질저렴한가격, 당일작업 빠른배송, 복사, 대량, 소량, 학교, 학원, 기업
제본,고객맞춤제본 열림프린팅
가격품질최고, 최신설비, 차원이 다른 후가공 3D엑폭시, 인쇄부분 고객만족 대상!
파워링크 AD   클릭초이스등록


제목Page 1/10
     
2016-08   28103   불당
2015-09   63829   불당
2015-10   64622   불당
2016-06   26629   불당
2015-05   77588   불당
06-07   199   불당
2017-10   693   불당
2017-10   552   불당
2017-05   1052   불당
2017-01   2155   불당
2016-12   2116   돼지코구뇽
2016-11   2409   불당
2016-08   2476   불당
2016-06   2416   불당
2016-06   2116   불당
2016-06   2042   불당
2016-06   2175   불당
2016-04   3220   불당
2016-04   2864   불당
2016-04   4054   불당
2016-03   2653   불당
2016-03   2529   불당
2016-03   2517   불당
2016-03   2694   불당
2016-03   3020   불당