웹마스터 팁
특정부분을 원클릭에 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가 있었군요 :)
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
내 홈페이지의 방문자 어디서 접속했을까 알아봅시다
[21]
 | 버찌소년 | 2003.10.08 |
| 공지사항|일기장 3장 write_ok.php //간단한 입력쿼리문//수정 [5] | 시루바 | 2003.10.08 |
|
MSN Messenger Class -
| HungryMania | 2003.10.10 |
| 알기쉬운 웹용 MySQL 관리도구, phpMyAdmin 설치하기 [10] | 허창원 | 2003.10.11 |
| 최신인기가요 순위 한방에 뽑아오기 [10] | 제누스 | 2003.10.16 |
| 공지사항|일기장 4강 - notice.php 간단한 글보이기 | 시루바 | 2003.10.16 |
| 신문기사 긁어오기 [28] | horizon | 2003.10.20 |
| include, onload, <span id=...> 다계층메뉴 활용 강좌 [2] | 김병희 | 2003.10.25 |
|
홈페이지 관리자 모드 구축하기 (HTTP 인증, 중복 맞음)
[10]
| 9000㎒ | 2003.11.01 |
| 호스팅업체에서 GD를 지원하는지 여부를 알 수 있게해주는 소스 [12] | Wizard | 2003.11.05 |
| 접속자의 IP를 화일로 저장(기능추가) [27] | 전원주 | 2003.11.06 |
| 지금은 시스템 점검중 만들기... [8] | zentoo.com | 2003.11.11 |
|
제로보드회원의 포인트 랭킹 체크하기
[13]
| 전원주 | 2003.11.15 |
|
회원 포인트 랭킹(중복 -_-a)
[4]
| weky | 2003.11.15 |
| 한꼬마의 제로보드 활용방법 (로그인 값 알아 보기) [3] | 한꼬마 | 2003.11.20 |
|
[Lotto 6/45] 로또 추첨 구현하기~
[5]
| 전원주 | 2003.11.21 |
| 한꼬마의 제로보드 이용법 (sql로 테이블 호출) [2] | 한꼬마 | 2003.11.26 |
| 제로보드회원의 포인트 랭킹 체크하기 sql 정리 [4] | 한꼬마 | 2003.11.26 |
|
throttle-me를 이용한 계정 트래픽 나타내기
[39]
| 旻天 | 2003.11.27 |
| 랜덤 배경음악 만들기. [6] | 폭주나루 | 2003.12.01 |
이게 더 편하겠네요 :)