인터넷정보

클립보드로 카피하기

알 수 없는 사용자 2007. 10. 12. 13:38

미리보기 : 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내의 복사할 주소의 시작 태그인 < 이걸 < 이걸로 해주셔야겠죠

반응형