주소복사

   조회 1630  

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

링크주소에서 클립보드.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
파워링크 AD   클릭초이스등록


처음으로 (684)
제목
codes : 기타 팁들 11-11   71   불당
codes : 기타 팁들 11-06   76   불당
codes : css/부트… 10-30   91   불당
codes : 기타 팁들 10-27   110   불당
codes : css/부트… 10-26   104   불당
codes : 리눅스팁 08-29   398   불당
codes : 리눅스팁 08-26   396   불당
codes : 기타 팁들 07-29   355   불당
codes : 기타 팁들 07-29   388   불당
codes : PHP 팁 07-05   439   불당
codes : css/부트… 05-26   545   불당
codes : Maria DB 05-22   747   불당
codes : 기타 팁들 03-30   933   불당
codes : 기타 팁들 03-27   918   불당
codes : 기타 팁들 03-16   1026   불당