웹마스터 팁
특정부분을 원클릭에 copy 또는 선택하기
2004.04.30 04:07
예제 :: http://yoonmi.net/zboard/study/study127.htm
먼저 이 소스가 어떠한 소스인지 정확하게이해 하세요.
그냥 간단히 마우스 왼쪽 버튼 원클릭으로 글들이 한꺼번에 선택이 되거나 카피가 됩니다.
그러기 위해서는 해당 표(테이블)에게 이름을 지정해줘야 합니다.
<table> 로 시작하는 것을 <table id=table> 이런식으로 id=이름 식으로 이름을 넣어줍니다.
그래야 어떤 것에 명령을 내릴지 컴퓨터에게 알려주기 때문입니다.
그냥 테이블에 있지 않는 일반 글 사이에도 <span> </span> 으로 시작 끝이 되는데
<span id=span> 이런식으로 span 에게도 이름을 붙여줘야 합니다.
그 밖에는 소스를 보면서 깨우쳐보세요~ 수정해서 사용해도 될 부분이 많이 있습니다~
============================================
<body> </body> 사이에 소스를 삽입하세요.
============================================
<script>
function selectall(s){
var doc = document.body.createTextRange();
doc.moveToElementText(document.all(s));
doc.select();
doc.execCommand('copy');
alert('소스가 복사되었습니다.');
}
function selectall2(s){
var doc = document.body.createTextRange();
doc.moveToElementText(document.all(s));
doc.select();
doc.execCommand('select');
alert('소스가 선택되었습니다.');
}
</script>
<a href="javascript:selectall('span')">SPAN 태그안에 있는 텍스트 복사하기</a>
<br>
<a href="javascript:selectall('table')">테이블 안에 있는 텍스트 복사하기</a>
<br><br>
<a href="javascript:selectall2('span')">SPAN 태그안에 있는 텍스트 선택하기</a>
<br>
<a href="javascript:selectall2('table')">테이블 안에 있는 텍스트 선택하기</a>
<br><br>
<!--SPAN 태그에 ID를 준 경우-->
<span id=span>SPAN안의 텍스트가 복사됩니다</span>
<!--TABLE 태그에 ID를 준 경우-->
<table id=table border=1><tr><td>테이블안에 있는 텍스트가복사 됩니다.</td></tr></table>
먼저 이 소스가 어떠한 소스인지 정확하게이해 하세요.
그냥 간단히 마우스 왼쪽 버튼 원클릭으로 글들이 한꺼번에 선택이 되거나 카피가 됩니다.
그러기 위해서는 해당 표(테이블)에게 이름을 지정해줘야 합니다.
<table> 로 시작하는 것을 <table id=table> 이런식으로 id=이름 식으로 이름을 넣어줍니다.
그래야 어떤 것에 명령을 내릴지 컴퓨터에게 알려주기 때문입니다.
그냥 테이블에 있지 않는 일반 글 사이에도 <span> </span> 으로 시작 끝이 되는데
<span id=span> 이런식으로 span 에게도 이름을 붙여줘야 합니다.
그 밖에는 소스를 보면서 깨우쳐보세요~ 수정해서 사용해도 될 부분이 많이 있습니다~
============================================
<body> </body> 사이에 소스를 삽입하세요.
============================================
<script>
function selectall(s){
var doc = document.body.createTextRange();
doc.moveToElementText(document.all(s));
doc.select();
doc.execCommand('copy');
alert('소스가 복사되었습니다.');
}
function selectall2(s){
var doc = document.body.createTextRange();
doc.moveToElementText(document.all(s));
doc.select();
doc.execCommand('select');
alert('소스가 선택되었습니다.');
}
</script>
<a href="javascript:selectall('span')">SPAN 태그안에 있는 텍스트 복사하기</a>
<br>
<a href="javascript:selectall('table')">테이블 안에 있는 텍스트 복사하기</a>
<br><br>
<a href="javascript:selectall2('span')">SPAN 태그안에 있는 텍스트 선택하기</a>
<br>
<a href="javascript:selectall2('table')">테이블 안에 있는 텍스트 선택하기</a>
<br><br>
<!--SPAN 태그에 ID를 준 경우-->
<span id=span>SPAN안의 텍스트가 복사됩니다</span>
<!--TABLE 태그에 ID를 준 경우-->
<table id=table border=1><tr><td>테이블안에 있는 텍스트가복사 됩니다.</td></tr></table>
댓글 3
-
Pe-i
2004.04.30 17:58
-
TheMics
2004.05.05 21:23
this보다 편한게 어디 있을까요.
<span onclick='selectall(this)'> -
Pe-i
2004.05.10 11:54
믹스//아아~ this가 있었군요 :)
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 공중에 이리저리 떠다니는 레이어 [2] | 아벨라 | 2002.10.13 |
| 문자열 길이(byte)에 따라 자르기... | 행복한고니 | 2002.10.11 |
| 크롬리스 윈도우창 띄우기 [21] | 臥龍先生 | 2002.10.09 |
| Select의 값을 iframe으로 넣는것입니다. [3] | ZipShin | 2002.10.03 |
| 엔지오 메인 화면에서 배너 클릭하면 뜨는 프롬프트 달기 [1] | Eccen | 2002.09.30 |
| 크롬리스 인터6.0 sp1인한 문제 수정패치 [1] | 이태운 | 2002.09.29 |
| 페이지 맨위로 이동하는 top 버튼 [7] | 조정환 | 2002.09.28 |
| 자바스크립트로 클릭하면 출력되는 메뉴를 만들어 보자~!!! [6] | 유지호 | 2002.09.20 |
| 간단하고 빠른 페이지포워딩 [3] | Draco | 2002.09.19 |
| asx파일 만들어 나만의 뮤직비디오 만들기 [5] | zinie | 2002.09.19 |
| 개판 오분전 넷 비디오 [1] | 미친개 | 2002.09.19 |
| 타이틀 바 마퀴 소스 [2] | 미친개 | 2002.09.18 |
| 자바스크립트로 여러개 아이디 로그인 하기 [5] | ZipShin | 2002.09.17 |
| 원하는곳에 배경그림고정 [1] | 아벨라 | 2002.09.17 |
| 문서중 http://***.*** 에 자동링크 - 이제 서버측에서 하지 마세요.. [9] | 정명주 | 2002.09.04 |
| [re] 문서중 http://***.*** 에 자동링크 ~ 저도 한번 해봤습니다.. [3] | 점퍼워니 | 2002.09.05 |
| 브라우저 언어에 따라 다른 페이지 보이기 [11] | 써니얌 | 2002.09.03 |
| 접속하자 마자 풀스크린으로 바뀌는 홈페이지만들기 [20] | 노명수 | 2002.09.02 |
| [기본] 글씨 꾸미기 ^ㅡ^; [13] | 현 | 2002.08.24 |
| 원하는 위치에서 스크롤바를 부드럽게 따라다님 [10] | ▩윤미 | 2002.08.20 |
이게 더 편하겠네요 :)