웹마스터 팁

  2. Support
  3. 웹마스터 팁

특정부분을 원클릭에 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>


이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
간단한 감추기/펼치기 스크립트 (태터툴즈의 more 기능) [5] 나이시스 2004.05.28
왔다 갔다 이미지 스크롤 [3] 컴도미 2004.05.25
동영상을 일반 버튼으로 제어 ☺심심 2004.05.23
배너를 모자이크로 슬라이드한다! [13] ☺심심 2004.05.17
이미지 갤러리-이미지에 설명이나 이름을 같이 달아줄수 있는.. webzang 2004.05.17
클릭하거나, 바탕을 더블클릭하면 나타나는 작은(크기조절가능) 메뉴 ☺심심 2004.05.17
상태창에 머문시간 보여주기 [5] ☺심심 2004.05.05
특정위치에 떠있는 레이어 (슬라이딩 애드콘) - 노프레임홈에서의 문제해결 [8] 검미르 2004.05.03
접속할때마다 다른 이미지 띄우기 [8] ▩윤미 2004.04.30
그림파일없이 바꾸는 그라이데이션 배경색 [3] ▩윤미 2004.04.30
웹페이지에 테두리 두르기 [5] ▩윤미 2004.04.30
로딩 100% 후 페이지 이동시키기 [1] ▩윤미 2004.04.30
특정부분을 원클릭에 copy 또는 선택하기 [3] ▩윤미 2004.04.30
[iframe:아이프레임] 내용에 맞게 사이즈 조절하기 한번입력으로 끝.[다른방법:중복아닌듯] [45] beMax 2004.04.23
(For 초보)원클릭으로 여러프레임 컨트롤하기 [2] 쉬드 2004.04.19
자기가 살아온 시간 구하기.. 데스크탑에 나타내기 [4] kein23 2004.04.14
브라우저 버젼별 다른 페이지 보여주기 [2] Kuldahar 2004.04.13
바보같은 MS의 parseInt 버그. [4] 김관석 2004.04.09
XP계열의 방문자 컴에서 ClearType 효과 사용여부 확인 [4] YeUPy 2004.04.04
팝업공지창 2개이상 띄우기(시간제한 가능) [8] lemin 2004.03.23
태그 쓰기