원 클릭으로 클립보드에 복사하기(우측 태그피아 배너)

음.. 이걸 다른데.. 응용해도 되구요.
일단은 배너 소스 카피를 하는 예로 들어보겠습니다.
보통 자신의 배너 코드 복사하는 방식을 보면 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;>&lt;a href=http://oxtag.com target=_blank onfocus=this.blur()>&lt;img src=http://oxtag.com/html/img/banner.gif border=0>&lt;/a></div>
<div id=banner2 style=visibility:hidden;>&lt;a href=http://oxtag.com target=_blank onfocus=this.blur()>&lt;img src=http://oxtag.com/html/img/flag1.gif border=0>&lt;/a></div>
<div id=banner3 style=visibility:hidden;>&lt;a href=http://oxtag.com target=_blank onfocus=this.blur()>&lt;img src=http://oxtag.com/html/img/banner4.gif border=0>&lt;/a></div>


소스에 대해 잠깐 설명을 드리자면...

document.body.createTextRange()는 body태그내의 모든 텍스트에 대한 선택 범위를
지정한다는 메쏘드입니다. execCommand 메쏘드를 하기위해 필히 지정해야 하구요.

text.moveToElementText(Code);
요것은 Code라는 엘리먼트만로 선택 부분을 옮긴다는 것. 전부다 선택하는 것이 아니라
Code라는 부분만 선택한다는 것입니다.

text.execCommand("Copy"); 카피하라는 태그 Ctrl + C 와 같은 기능 입니다.

여기서 링크 부분과 div 부분의 id는 서로서로 일치를 해야겠죠.
그리고 visibility:hidden;은 화면상에 보이지 않게 감추는 거구요.
주의할 점은 감추는 부분의 div내의 복사할 주소의 시작 태그인 < 이걸 &lt; 이걸로 해주셔야겠죠.
이 특수문자로 바꾸지 않으면 div 태그내의 태그가 태그로 인식이 되버리기 때문에 빈 공간을 복사하게 됨니다.