주소복사

   조회 1232  

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

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

복사.출력.즉석제본 카피코
고품질저렴한가격,학교.학원,관공서 납품전문,빠른배송
출력제본나라
주엽역인근. 제본. 출력. 칼라. 대형복사. 캐드출력. 학교. 학원교재. 당일출고
복사 프린트올
복사, 출력복사 용지포함 30원, 제본제책, 고지서출력, 택배포장발송
파워링크 AD   클릭초이스등록


처음으로 (675)
제목
codes : PHP 팁 07-05   96   불당
codes : css/부트… 05-26   227   불당
codes : Maria DB 05-22   310   불당
codes : 기타 팁들 03-30   633   불당
codes : 기타 팁들 03-27   571   불당
codes : 기타 팁들 03-16   683   불당
codes : css/부트… 01-31   1159   불당
codes : css/부트… 12-07   1233   돼지코구뇽
codes : css/부트… 11-12   1451   불당
codes : 리눅스팁 10-14   1599   불당
codes : 리눅스팁 10-14   1639   불당
codes : 기타 팁들 09-19   2196   불당
codes : 기타 팁들 09-12   1649   불당
codes : Java Scri… 09-09   1557   불당
codes : PHP 팁 08-27   1273   불당