웹마스터 팁

이번에는 간단하게 자기의 배너 코드를 바로 클립보드로 복사시켜주는
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="복사">

프롬프트 창으로 이중으로 복사하는 수고를 덜어줄 수 있으니 요방법을 써보시는 것도 좋겠군여.
그럼.. ^^;
제목 글쓴이 날짜
배너 링크를 바로 클립보드로 카피하기 [5] Legend 2002.04.01
[v]최근 업데이트 시간을 자동으로 나타내 보자! [3] :+:zZion:+: 2002.03.30
[v]하나더! 해상도별 다른 페이지 보여주기 :+:zZion:+: 2002.03.30
[v]운영 체제별 다른 페이지 보여주기 -_-;v [3] ┏ⓩZion┛ 2002.03.30
레이어의 상대위치 지정 방법(position:absolute에서...) [2] Legend 2002.03.29
다이나믹 HTML 스크립트 - 간편 공지사항에.... [1] ▩윤미 2002.03.28
[자바스트립트]bidoo님의 레벨메타식 체크박스 보강 탐그루 2002.03.20
:: DB 필요없는 일정관리 .. 거창하게.. -.- [2] file 고전지기 2002.03.15
자동 팝업창띠우기 소스 [4] 이슈™ 2002.03.13
홈페이지 패스워드 걸기 소스 [7] 이슈™ 2002.03.13
스크롤바색상바꿔주는프로그램(수정) [3] 이슈™ 2002.03.13
▩마우스 주위에 3D 처럼 뱅뱅도는 글자 [6] ▩윤미 2002.03.11
테두리가 스믈스믈한 -_-;; file 란즈 2002.03.02
빠르게 이동하는 텍스트 file 란즈 2002.03.02
깜박거리는 문자 [1] file 란즈 2002.03.02
강한 인상을주는 (?) 환영메세지 -_-; [5] file 란즈 2002.03.02
텍스트 지진(?)효과 내기 file 란즈 2002.03.02
페이지 사용안하고 팝업띄우기 [4] file 란즈 2002.03.02
▩물결 처럼 흐르는 것같은 이미지 슬라이드 쇼 [2] ▩윤미 2002.02.28
▩마우스를 대면 하이퍼텍스트 스크롤하는 법 (링크할수있음) ▩윤미 2002.02.28