웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
특정부분을 원클릭에 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가 있었군요 :)
제목 | 글쓴이 | 날짜 |
---|---|---|
{주목} CodeRed 아파치로그파일 지우기 [2] | skyel | 2001.08.22 |
MySQL 관리 첫걸음 [5] | 앤디(andy) | 2001.04.18 |
APC(Alternativ PHP Cache) 사용법( php 캐쉬 플러그인 ) [1] | 김도한 | 2002.01.29 |
아파치 웹서버 속도 빠르게 하기 위한 최적화 팁 [14] | 차카게살자 | 2002.01.27 |
[APM자동설치] APM_Setup 3 ( Apache, PHP4, MySQL, Perl, Tomcat ) [6] | 근땅e | 2002.02.06 |
커널 버전 알아내기 [1] | 오픈소스 | 2002.02.21 |
vi 편집기 사용시 비프음 제어 | 오픈소스 | 2002.02.21 |
에러페이지를 서버관리자가 지정한 페이지로. [1] | teenteenv | 2002.02.21 |
[리눅스]proftp 에서 사용자가 상위 폴더로 이동을 못하게... [3] | teenteenv | 2002.02.22 |
[강좌1탄]와우리눅스7.0을 서버로 두고 인터넷공유 [1] | RealComty | 2002.02.23 |
[강좌2탄]와우리눅스7.0을 서버로 두고 인터넷공유 [1] | RealComty | 2002.02.23 |
[강좌3탄]와우리눅스7.0을 서버로 두고 인터넷공유 [4] | RealComty | 2002.02.23 |
[re] [강좌4탄]와우리눅스7.0을 서버로 두고 인터넷공유 [2] | 주영명 | 2002.02.27 |
[강좌4탄]와우리눅스7.0을 서버로 두고 인터넷공유 [2] | RealComty | 2002.02.23 |
[강좌끝이다~!]와우리눅스7.0을 서버로 두고 인터넷공유 [8] | RealComty | 2002.02.23 |
메모리 절약하기 - 리눅스 | 오픈소스 | 2002.02.24 |
wuftp에서 proftp로...그리고, proftp 설정하기 [1] | 쇠물택 | 2002.02.24 |
[sapzils서버세팅] A+P+M 소스 설치 [4] | 쇠물택 | 2002.02.24 |
텔넷 사용자 관리... | 쇠물택 | 2002.02.24 |
리눅스 시스템에서 시간 맞추기 [2] | 쇠물택 | 2002.02.24 |
이게 더 편하겠네요 :)