배추스킨에 글보기에 공유용 글주소복사 버튼 새창으로보기 글수정 버튼 메뉴 추가

적용파일 : 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]; ?>&nbsp;&nbsp;&nbsp; // 원래의 긴 주소를 표시합니다. -->
<!-- <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>&nbsp;&nbsp;
<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>&nbsp;&nbsp;&nbsp;
<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>&nbsp;&nbsp;&nbsp;  빨간색 버튼입니다. -->
<!-- &nbsp;&nbsp;&nbsp; 버튼과 버튼의 간격조정을 위하여 사용했습니다. 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>&nbsp;&nbsp;&nbsp; -->
<!-- 검은색 버튼입니다.이게 원분이 되겠네요. 이 부분까지 입니다. -->
<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 ♠