웹마스터 팁
특정부분을 원클릭에 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가 있었군요 :)
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 팝업 창 띄우고 어미창 사라지게 하는 소스 [5] | piasol | 2004.03.06 |
| 보안문서 만들기 [5] | 민우주 | 2004.03.07 |
뉴스티커
[16]
 | zero | 2004.03.10 |
| [초간단 자바스크립트!] 서브메뉴 만들기...~ [11] | ∑Ztxy | 2004.03.10 |
| 전체 include menu 만들기(롤오버 이미지 사용) [4] | Neoyoung | 2004.03.14 |
| 프레임사이트에서 자식 프레임(URL)로 직접 치고 들어 올경우 다시 프레임 부모로 돌려보내는 소스 | 나야 | 2004.03.15 |
| 브라우져(윈도우) 창의 크기(사이즈)를 조절하는 소스입니다 [5] | 나야 | 2004.03.15 |
| 웹브라우저 상태바가 밑으로 내려오는 소스 [5] | 프리서버 | 2004.03.16 |
| 움직이는 타이틀바 [4] | 김동현 | 2004.03.18 |
| MS agent online object - Default Character 인 Merlin Action 추가 [2] | 꽃ちゃん | 2004.03.19 |
| 버튼 만들기 [1] | 旻天 | 2004.03.23 |
|
허접한 풀다운 메뉴 소스입니다. (유용한 팁 일지는 모르겠네요.)
[9]
| tintintm | 2004.03.23 |
| 팝업공지창 2개이상 띄우기(시간제한 가능) [8] | lemin | 2004.03.23 |
| XP계열의 방문자 컴에서 ClearType 효과 사용여부 확인 [4] | YeUPy | 2004.04.04 |
| 바보같은 MS의 parseInt 버그. [4] | 김관석 | 2004.04.09 |
| 브라우저 버젼별 다른 페이지 보여주기 [2] | Kuldahar | 2004.04.13 |
| 자기가 살아온 시간 구하기.. 데스크탑에 나타내기 [4] | kein23 | 2004.04.14 |
| (For 초보)원클릭으로 여러프레임 컨트롤하기 [2] | 쉬드 | 2004.04.19 |
| [iframe:아이프레임] 내용에 맞게 사이즈 조절하기 한번입력으로 끝.[다른방법:중복아닌듯] [45] | beMax | 2004.04.23 |
| 특정부분을 원클릭에 copy 또는 선택하기 [3] | ▩윤미 | 2004.04.30 |
이게 더 편하겠네요 :)