웹마스터 팁

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

프롬프트 창으로 이중으로 복사하는 수고를 덜어줄 수 있으니 요방법을 써보시는 것도 좋겠군여.
그럼.. ^^;
제목 글쓴이 날짜
창크기에 따라 생기고 없어지는 배너 만들기 [1] 착한동구 2015.06.05
상단에 스르르~ 닫기 가능한 배너 달기 [30] file 야옹잉 2014.06.20
롤링 배너 이해하는데 도움이 될것 같아 올립니다 [4] file 예뜨락 2013.11.22
[주옥시리즈] 배너 클릭시 포인트지급 모듈, Portal XE [1] socialskyo 2013.09.09
cafe 설정 / 배너이미지 사이즈 바꾸기 윤씨 2011.02.18
텍스트 링크, 배너 링크*랜덤 (틀팁포함) [3] 둘리나라™ 2003.01.16
페이지에 접속할 때마다 다른 배너보여주는 소스.. [9] 풍월주인 2002.10.07
exp. 완전 랜덤배너 소스 [8] file TheMics 2002.10.12
임의로 전체에서 몇개의 배너만 출력하기(오류 수정 ㅜ,.ㅜ) ColonD 2005.10.20
[추천] 세로형 배너 슬라이드 [4] ⓣinⓣin™ 2004.06.24
[추천] 가로형 배너 슬라이드 [7] file ⓣinⓣin™ 2004.06.10
배너를 모자이크로 슬라이드한다! [13] ☺심심 2004.05.17
엔지오 메인 화면에서 배너 클릭하면 뜨는 프롬프트 달기 [1] Eccen 2002.09.30
배너 링크를 바로 클립보드로 카피하기(Legend님꺼 보충) [3] 카멜롯™ 2002.04.04
배너 링크를 바로 클립보드로 카피하기 [5] Legend 2002.04.01
스크롤배너 + 마우스 이벤트 - 초이스 응용 버젼임당...^^* file choice 2002.02.25
슬라이드 배너및 메뉴가 익스플러 창 조절시 좌표값 변할때 사용 하는 구문!! 천문길 2006.08.21
nzeo처럼 배너누르면 배너다는법 나오게하기! [6] Rollrang 2004.02.05
▩배너링크할때 쓰면 정말 편한 것. [2] ▩윤미 2002.03.03
왕초보용 xe 1.2.0 버전 사용 기본 레이아웃 좌측에 배너 삽입 방법. [7] 『june™』 2009.03.20