원 클릭으로 클립보드 복사하기 3 - input
- <script>
- function selectall(s){
- window.clipboardData.setData("Text", document.all(s).value);
- alert('소스가 클립보드에 저장되었습니다.\n\n복사할 곳에 Ctrl + V 로 붙여넣기 하시면 됨니다.');
- }
- </script>
- <a href="#none" onclick="javascript:selectall('copy_text')">Copy</a><br>
- <input id="copy_text" value="복사할내용">
'인터넷정보' 카테고리의 다른 글
익스플로러에서 인쇄 누르면 페이지 이동 시키기 (0) | 2007.10.18 |
---|---|
마우스 오버/아웃시 소리효과 초간단 자바스크립트 (0) | 2007.10.18 |
새창 가운데 열기 - 중앙에 열기 (0) | 2007.10.18 |
필드값의 유효성을 검사하는 함수 (0) | 2007.10.18 |
태그피아 웹에디터 (태그 연습장, 인코딩, 디코딩, 색상표, 특수문자 변환, 한줄소스) (0) | 2007.10.18 |
타이틀바에 년/월/일/시간/분/초 나타내기 (0) | 2007.10.18 |
산돌커뮤니케이션 폰트 무료 다운로드 행사 (0) | 2007.10.18 |
올블스러운 이미지 클라우드 만들기 (0) | 2007.10.18 |
onchang 이벤트 발생한적 있는지 검사하는 스크립트 (0) | 2007.10.18 |
이미지 업로드시 해당 이미지 파일 미리보기 (0) | 2007.10.18 |
마우스 드래그 복사시 출처 자동복사
출처 자동 나오게 하는 법
- <script type="text/javascript">
- function contents_cp()
- {
- if (window.event)
- {
- window.event.returnValue = true;
- window.setTimeout('attach_kinref()', 25);
- }
- }
- function attach_kinref()
- {
- if (window.clipboardData) // IE
- {
- // get data from clipboard
- var txt = window.clipboardData.getData('Text');
- // attach the source at the end of text
- txt = txt + '\r\n(출처 : 하쿠나마타타 - http://hacoo.tistory.com)\r\n';
- // set data to clibboard
- var result = window.clipboardData.setData('Text', txt);
- }
- }
- </script>
- <table>
- <tr>
- <td onCopy='javascript:contents_cp();'>
- 마우스 드래그 복사시 출처 자동복사<br>
- onCopy='javascript:contents_cp();'를 div,span,td,p...... 태그등에 넣어주세요.<br>
- </td>
- </tr>
- </table>
글제목: 웹페이지 스크랩시 출처표기 클립보드 추가 javascript
불법 펌질하는 내용에 경고문 달기 (본문 복사시에 출처 표시)
'인터넷정보' 카테고리의 다른 글
산돌커뮤니케이션 폰트 무료 다운로드 행사 (0) | 2007.10.18 |
---|---|
올블스러운 이미지 클라우드 만들기 (0) | 2007.10.18 |
onchang 이벤트 발생한적 있는지 검사하는 스크립트 (0) | 2007.10.18 |
이미지 업로드시 해당 이미지 파일 미리보기 (0) | 2007.10.18 |
싸이월드 한달 출석하면 도토리 100개 무료 충전 (0) | 2007.10.18 |
인터넷 주소창에 바로가기 악성코드 삭제하기 (007아르바이트 바로가기) (0) | 2007.10.18 |
U-2, 너밖에 없다 (0) | 2007.10.18 |
주소줄(REQUEST_URI)의 인수를 새로 설정하기 (0) | 2007.10.17 |
새로고침이 너무 빨리 발생할 때 대책 한가지? (0) | 2007.10.17 |
국내포털의 robots.txt 패러독스 (0) | 2007.10.17 |
클립보드로 텍스트 복사하기
function copyContent(str)
{
if (document.selection)
{
bResult = window.clipboardData.setData("Text",str);
if (bResult) alert!!('클립보드에 저장되었습니다.');
} else {
str = encodeforFlash(str);
var flashcopier = 'flashcopier';
if(!document.getElementById(flashcopier)) {
var divholder = document.createElement('div');
divholder.id = flashcopier;
document.body.appendChild(divholder);
}
document.getElementById(flashcopier).innerHTML = '';
var divinfo = '<embed src="_clipboard.swf" FlashVars="clipboard='+str+'" width="1" height="1" type="application/x-shockwave-flash"></embed>';
document.getElementById(flashcopier).innerHTML = divinfo;
alert!!('클립보드에 저장되었습니다.');
}
};
function encodeforFlash(str)
{
var SAFECHARS = "0123456789" +
"ABCDEFGHIJKLMNOPQRSTUVWXYZ" +
"abcdefghijklmnopqrstuvwxyz" +
"-_.!~*'()";
var HEX = "0123456789ABCDEF";
var plaintext = str;
var encoded = "";
for (var i = 0; i < plaintext.length; i++ ) {
var ch = plaintext.charAt(i);
if (ch == " ") {
encoded += "+";
} else if (SAFECHARS.indexOf(ch) != -1) {
encoded += ch;
} else {
var charCode = ch.charCodeAt(0);
if (charCode > 255) {
encoded += ch;
} else {
encoded += "%";
encoded += HEX.charAt((charCode >> 4) & 0xF);
encoded += HEX.charAt(charCode & 0xF);
}
}
}
return encoded;
};
사용법은
copyContent('복사할내용');
이런식으로 복사될 내용을 넘겨주면서 호출해주면 되는겁니다.
(onclick 이나... 링크나...함수내 호출이나...아무렇게나!)
_clipboard.swf 화일은 아래 첨부파일 다운받으세요.
'인터넷정보' 카테고리의 다른 글
디자인을 공부하는 분들에게 추천하고 싶은.. (0) | 2007.10.13 |
---|---|
html coding guideline, coding convention (0) | 2007.10.13 |
플래시를 이용한 다중업로드 (0) | 2007.10.13 |
font(폰트) 정리 이미지 모음 (0) | 2007.10.13 |
썸네일생성,워터마크 삽입..손쉽게 하기 (0) | 2007.10.13 |
하일라이트 슬라이드 - highslide-2.0.2 (0) | 2007.10.13 |
이미지 태그로 음악파일이나 동영상 재생하기 (0) | 2007.10.13 |
싸이월드 랜덤일촌을 타보자! - CYko (1.1) (0) | 2007.10.13 |
레이아웃 - 홈페이지 소스 입니다. (구성파일+이미지파일) (0) | 2007.10.13 |
윈도우에서 삭제되지않는 파일 지우기 Unlocker (0) | 2007.10.13 |
클립보드로 카피하기
미리보기 : http://oxtag.com/html/ex/banner.html
<script>
function copy_select(s){
var doc = document.body.createTextRange();
doc.moveTo!!ElementText(document.all(s));
doc.select();
doc.execCommand('copy');
alert!!('배너 소스가 클립보드로 카피되었습니다. ^^;\n\nCtrl + V로 문서에 바로 붙여넣기 하시면 됨니다.');
}
</script>
<a href="javascript:copy_select('banner1')" onfocus=this.blur()><img src="./../img/banner.gif" border=0></a>
<a href="javascript:copy_select('banner2')" onfocus=this.blur()><img src="./../img/flag1.gif" border=0></a>
<a href="javascript:copy_select('banner3')" onfocus=this.blur()><img src="./../img/banner4.gif" border=0></a>
<div id=banner1 style=visibility:hidden;><a href=http://oxtag.com target=_blank onfocus=this.blur()><img src=http://oxtag.com/html/img/banner.gif border=0></a></div>
<div id=banner2 style=visibility:hidden;><a href=http://oxtag.com target=_blank onfocus=this.blur()><img src=http://oxtag.com/html/img/flag1.gif border=0></a></div>
<div id=banner3 style=visibility:hidden;><a href=http://oxtag.com target=_blank onfocus=this.blur()><img src=http://oxtag.com/html/img/banner4.gif border=0></a></div>
대충 이해가 가시죠.
여기서 링크 부분과 div 부분의 id는 서로서로 일치를 해야겠죠.
그리고 visibility:hidden;은 화면상에 보이지 않게 감추는 거구요.
주의할 점은 감추는 부분의 div내의 복사할 주소의 시작 태그인 < 이걸 < 이걸로 해주셔야겠죠
'인터넷정보' 카테고리의 다른 글
텍스트 카운팅 (0) | 2007.10.12 |
---|---|
텍스트 확대 축소 소스 (0) | 2007.10.12 |
퍼즐 게임 - puzzle (0) | 2007.10.12 |
타이틀바.. (0) | 2007.10.12 |
웹브라우저, 언어, 운영체제 보여주기 (0) | 2007.10.12 |
최근 업데이트 시간을 자동으로 나타내 보자! (0) | 2007.10.12 |
해상도별 다른 페이지 보여주기 (0) | 2007.10.12 |
OS 별 페이지 이동하기 (0) | 2007.10.12 |
레이어의 상대위치 지정 방법(position:absolute에서...) (0) | 2007.10.12 |
마우스 주위에 3D 처럼 원을 그리며 도는 글자 (0) | 2007.10.12 |