웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
배너 링크를 바로 클립보드로 카피하기
2002.04.01 01:52
이번에는 간단하게 자기의 배너 코드를 바로 클립보드로 복사시켜주는
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="복사">
프롬프트 창으로 이중으로 복사하는 수고를 덜어줄 수 있으니 요방법을 써보시는 것도 좋겠군여.
그럼.. ^^;
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
-
엔카일
2002.04.01 16:56
-
Legend
2002.04.01 19:19
네에... 초보자 한테는 조금 어려운 부분이라서... 필요하시면 강좌를 해드리도록 하지요..
더 궁금하신 것이 있으시면 언제든지 http://neom.new21.net에 남겨주세요.. -
카멜롯™
2002.04.02 01:07
하나 이상일 경우는 안되나요...^^;;
배너가 두개.. 세개 일때는 어떻게 해야하는지 궁금합니다..
그럼...^^ -
엔카일
2002.04.02 07:14
각각 다른 ID가 있는 레이어..나 기타 엘리먼트를 만들어서 따로 코드를 써넣어주시면 되겠죠. -
토끼군
2002.04.02 17:58
음... 이런 것도 있었군요..;;
제목 | 글쓴이 | 날짜 |
---|---|---|
창크기에 따라 생기고 없어지는 배너 만들기 [1] | 착한동구 | 2015.06.05 |
상단에 스르르~ 닫기 가능한 배너 달기 [30] | 야옹잉 | 2014.06.20 |
롤링 배너 이해하는데 도움이 될것 같아 올립니다 [4] | 예뜨락 | 2013.11.22 |
[주옥시리즈] 배너 클릭시 포인트지급 모듈, Portal XE [1] | socialskyo | 2013.09.09 |
cafe 설정 / 배너이미지 사이즈 바꾸기 | 윤씨 | 2011.02.18 |
텍스트 링크, 배너 링크*랜덤 (틀팁포함) [3] | 둘리나라™ | 2003.01.16 |
페이지에 접속할 때마다 다른 배너보여주는 소스.. [9] | 풍월주인 | 2002.10.07 |
exp. 완전 랜덤배너 소스 [8] | TheMics | 2002.10.12 |
임의로 전체에서 몇개의 배너만 출력하기(오류 수정 ㅜ,.ㅜ) | ColonD | 2005.10.20 |
[추천] 세로형 배너 슬라이드 [4] | ⓣinⓣin™ | 2004.06.24 |
[추천] 가로형 배너 슬라이드 [7] | ⓣinⓣin™ | 2004.06.10 |
배너를 모자이크로 슬라이드한다! [13] | ☺심심 | 2004.05.17 |
엔지오 메인 화면에서 배너 클릭하면 뜨는 프롬프트 달기 [1] | Eccen | 2002.09.30 |
배너 링크를 바로 클립보드로 카피하기(Legend님꺼 보충) [3] | 카멜롯™ | 2002.04.04 |
배너 링크를 바로 클립보드로 카피하기 [5] | Legend | 2002.04.01 |
스크롤배너 + 마우스 이벤트 - 초이스 응용 버젼임당...^^* | 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 |
붙여넣기 같은것도 있었던것 같은데...훔냐ㅡ.ㅡ;
좋은강좌 감사합니다~