배추스킨에 글보기에 공유용 글주소복사 버튼 새창으로보기 글수정 버튼 메뉴 추가
♨ 카랜더 일정 :
링크
첨부
컨텐츠 정보
- 7,958 조회
본문
적용파일 : w:\g5s\skin\board\miwit303_synology_pdfjs_ pdfobjectjs_11q_kr\view.skin.php
위치
----이하소스 --- 빨강모자님의 소스 제공으로 배추스킨에 적용 합니다 ---
<!-- 공유용 글주소복사 버튼 시작 -->
<!-- 원본 파일로부터 여기부터 추가부분의 시작입니다. -->
<!-- 제 경우에는 글 제목 밑에 글주소를 표시하고 글주소 복사버튼을 만들었기에 이부분에 추가 했습니다. 위치는 변경이 가능합니다. -->
<!-- 주석을 잘 보시면 제가 변경 위치까지 표시해 볼 께요. -->
<!--
<script type="text/javascript" src="../js/clipboard.min.js" charset="utp-8"></script>
-->
<!-- 이 부분은 루트 밑에 JS 폴더가 있을 것입니다. 그곳에 clipboard.min.js 파일이 있어야만 사용이 가능하다는 의미입니다. -->
<!-- 즉 다른말로 표현하자면 byrh/js/clipboard.min.js 파일을 이용하겠다는 스크립트 입니다.-->
<!--
<input id="osb" type="text" size="120" value="http://<?php echo $_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]; ?>">
<button class="btn btn-sm btn-black" type="button" class="btn" data-clipboard-action="copy" data-clipboard-target="#osb">공유용 글주소 복사</button>
-->
<!-- 위 부분은 버튼을 생성한다는 것입니다. -->
<!-- 이 부분은 추가설명에 설명이 되어져 있음니다. -->
<!-- osb 글자는 수정하셔도 됨니다. 사용자 임의 변수입니다. 2군데 있습니다. -->
<!-- <input id="osb" 입력받을 필드명이 osb 라는 것입니다.
type="text" 입력은 텍스트로 한다는 의미입니다.
size="120" 입력칸의 크기는 120 이라는 것입니다.
value="http://<?php echo $_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]; ?>"> 입력되는 값은 " " 안에 정의합니다.
<?php echo $_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]; ?> 글 주소를 불러오는 내용입니다. 짧은글은 저도 아직 미구현되었습니다. -->
<!--
<script>
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
alert("복사되었습니다.");
});
clipboard.on('error', function(e) {
alert("실패하였습니다.");
});
</script>
-->
<!-- alert("복사되었습니다."); 와 alert("실패하였습니다."); 는 버튼을 클릭했을때 화면에 나타내는 메시지의 내용입니다. 알맞게 수정하시면 됨니다. -->
<!-- 즉 주석을 지워본다면 -->
<!-- <i class="fa fa-share-alt"></i> 글주소 : http://<?php echo $_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]; ?> // 원래의 긴 주소를 표시합니다. -->
<!-- <i class="fa fa-share-alt"></i> 글주소 : http://<?php echo $_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]; ?> // 짧은 주소입니다. 적용을 구현중입니다. -->
<!-- 위 두 구문중에 한가지만을 사용하면 되는데 짧은 주소가 유리할듯하여 구현중입니다. -->
<!-- 아래는 원문이오며, 제가 사용하는 원본문구입니다. -->
<script type="text/javascript" src="../js/clipboard.min.js" charset="utp-8"></script>
<input id="osb" type="text" size="80" style="background-color: #e2e2e2; padding:0px 0px 0px 20px; color:#0000FF;" value="http://<?php echo $_SERVER[HTTP_HOST].$_SERVER[REQUEST_URI]; ?>">
<button class="btn btn-sm btn-black" type="button" class="btn" data-clipboard-action="copy" data-clipboard-target="#osb"> <i class="fa fa-share-alt"></i> 공유용 글주소 복사</button>
<a href="<?php echo $_SERVER[REQUEST_URI]; ?>" onclick="window.open('<?php echo $_SERVER[REQUEST_URI]; ?>', '새창으로보기'); return false"><i class="btn btn-color btn-sm"><i class="fa fa-windows"></i><span class="hidden-xs"> 새창으로보기</span></i></a>
<script>
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
alert("글 주소가 정상적으로 클립보드에 복사되었습니다. 이를 활용하시어 공유하시면 됨니다.");
});
clipboard.on('error', function(e) {
alert("글 주소 복사에 실패하였습니다. 새로고침 후에 재시도하시기 바람니다.");
});
</script>
<!-- <a href="<?php echo $_SERVER[REQUEST_URI]; ?>" onclick="window.open('<?php echo $_SERVER[REQUEST_URI]; ?>', '새창으로보기'); return false"><i class="btn btn-color btn-sm"><i class="fa fa-windows"></i><span class="hidden-xs"> 새창으로보기</span></i></a> 빨간색 버튼입니다. -->
<!-- 버튼과 버튼의 간격조정을 위하여 사용했습니다. css를 사용해도 되지만 간단한 것인지라서 우선 스페이스문자를 사용했네요. -->
<!-- <button class="btn btn-sm btn-black" type="button" onclick="window.open('<?php echo $_SERVER[REQUEST_URI]; ?>', '새창으로보기'); return false"><i class="fa fa-windows"></i> 새창으로보기</button> -->
<!-- 검은색 버튼입니다.이게 원분이 되겠네요. 이 부분까지 입니다. -->
<a role="button" href="<?php echo $update_href ?>" class="btn btn-blue btn-sm"><i class="fa fa-plus"></i><span class="hidden-xs">내용수정하기</a>
<!-- 글 수정버튼 제공 끝 -->
-------------------------------------- ♠ 출처는 링크 참조 바랍니다. http://11q.kr ♠
뷰PDF 1,2
office view
관련자료
댓글목록
등록된 댓글이 없습니다.