마우스 드래그 복사시 출처 자동복사
출처 자동 나오게 하는 법
- <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 |
원 클릭으로 클립보드에 복사하기(우측 태그피아 배너)
일단은 배너 소스 카피를 하는 예로 들어보겠습니다.
보통 자신의 배너 코드 복사하는 방식을 보면 prompt창을 띄워서 프롬프트 창의 내용을
따로 복사하게 하는 방식을 사용하는데.. 그럼 두번 작업이 필요하니깐 조금 간단하게
버튼 클릭으로 간단히 클립보드로 자신의 배너 소스 내용을 바로 넣어주는 방법을 알려드리려고 하는 겁니다.
배너가 하나가 아닌 여러개 일 경우 이렇게 하면 되겠죠.
미리보기를 먼저 보시면 이해가 빠를겁니다.
<script>
function copy_select(s){
var doc = document.body.createTextRange();
doc.moveToElementText(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>
소스에 대해 잠깐 설명을 드리자면...
document.body.createTextRange()는 body태그내의 모든 텍스트에 대한 선택 범위를
지정한다는 메쏘드입니다. execCommand 메쏘드를 하기위해 필히 지정해야 하구요.
text.moveToElementText(Code);
요것은 Code라는 엘리먼트만로 선택 부분을 옮긴다는 것. 전부다 선택하는 것이 아니라
Code라는 부분만 선택한다는 것입니다.
text.execCommand("Copy"); 카피하라는 태그 Ctrl + C 와 같은 기능 입니다.
여기서 링크 부분과 div 부분의 id는 서로서로 일치를 해야겠죠.
그리고 visibility:hidden;은 화면상에 보이지 않게 감추는 거구요.
주의할 점은 감추는 부분의 div내의 복사할 주소의 시작 태그인 < 이걸 < 이걸로 해주셔야겠죠.
이 특수문자로 바꾸지 않으면 div 태그내의 태그가 태그로 인식이 되버리기 때문에 빈 공간을 복사하게 됨니다.
'인터넷정보' 카테고리의 다른 글
윈도우를 살포시 흔들어보자. (0) | 2007.10.17 |
---|---|
텍스트 다이나믹 애니메이션 (0) | 2007.10.17 |
링크 포커스 한방에 없애기(onfocus=this.blur() 또는 onfocus=blur()) (0) | 2007.10.17 |
새창으로 윈도우 열었을때 F11 클릭시 자동 다운시키기 (0) | 2007.10.17 |
항상 화면의 중간에 새창 띠우기 (0) | 2007.10.17 |
textarea 늘리기/줄이기 (0) | 2007.10.17 |
keystroke - 지정한 텍스트 타이핑시 연결된 URL로 이동 (0) | 2007.10.17 |
fade in/out (0) | 2007.10.17 |
페이지 로딩될때 준비한 메시지 로딩시까지 보여주기 - 로딩바 (0) | 2007.10.17 |
스크롤바 꾸미기 툴 - 제너레이터 (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 |