웹마스터 팁

이번에는 간단하게 자기의 배너 코드를 바로 클립보드로 복사시켜주는
script에 대해서 알아보지요..
어디다 쓰냐구요?
보통 자신의 배너 코드 복사하는 방식을 보면 prompt창을 띄워서 프롬프트 창의 내용을
따로 복사하게 하는 방식을 사용하는데.. 그럼 두번 작업이 필요하니깐 조금 간단하게
버튼 클릭으로 간단히 클립보드로 자신의 배너 소스 내용을 바로 넣어주는 방법을 알려드리
려고 하는 겁니다.
일단 아래와 깉이 스크립트를 작성합니다.

<script>
function copy_clipboard()
{
  text = document.body.createTextRange();
  text.moveToElementText(Code);
  text.execCommand("Copy");
  alert("배너 소스가 클립보드로 카피되었습니다. ^^;");
}
</script>

소스에 대해 잠깐 설명을 드리자면...
document.body.createTextRange()는 body태그내의 모든 텍스트에 대한 선택 범위를
지정한다는 메쏘드지여 execCommand 메쏘드를 하기위해 필히 지정해야하지여..

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

text.execCommand("Copy"); 카피한단 야급니다. 콘트롤 + 씨 와 같은 기능이지여..

일단 기본 스크립트가 완성되었구요.. 이제 복사될 소스 부분을 지정하여 봅시다..

일단 body태그 내에 있어야 겠지여..
간단하게 div태그를 예로 들면(딴 태그도 되지만..)

<div id=Code>배너 소스 코드 내용</div>

요로코럼 하시면 됩니다. 머 내용을 안보이게 하려면 레이어 부분만 감추기로 바꾸시면 되겠지여

다음으로 버튼을 하나 만드시면 되겠네여.. 버튼 만드는 것은 대충 아래와 같이 만들거나
아님 배너 그림에다 링크형식으로 위 함수를 실행하는 방법을 하셔도 되구염..
<input type="button" onclick="copy_clipboard()" value="복사">

프롬프트 창으로 이중으로 복사하는 수고를 덜어줄 수 있으니 요방법을 써보시는 것도 좋겠군여.
그럼.. ^^;