본문내의 특정 단어를 찾아서 하이라이트 시켜 줍니다.
페이지 정보
작성자 서방님 댓글 0건 조회 158회 작성일 06-09-12 17:47본문
<script language="JavaScript" type="text/javascript">
<!--
TextFind={
display:function()
{
var r, i, selectTxt=document.selection.createRange().text;
if(!selectTxt) selectTxt=prompt('찾을 글자를 입력하세요','JASKO');
if(selectTxt)
{
r=document.body.createTextRange();
for(i=0;r.findText(s);i++)
{
r.execCommand('BackColor','','yellow');
r.collapse(false)
}
alert(i);
}
}
}
//-->
</script>
<!---- 아래의 코드를 <BODY> 태그와 </BODY> 태그안에 붙여 넣으세요 ---->
<!------- 아래코드에서 prompt('찾을 글자를 입력하세요','JASKO') 부분을 수정 하면 됩니다 ------->
<A HREF="javascript:TextFind.display();">페이지안의 특정 단어를 찾아줍니다</A>
<!------------------------- 여기까지 ---------------------------------->
<br><br>
JASKO 는 자바스크립트 소스뱅크 입니다<br>자스코에는 매일매일 업데이트 되는 5,000 개 이상의 자바스크립트와 애플릿, CGI 등등의 소스들이 있습니다<br>자바스크립트 소스가 필요하면 언제라도 JASKO 를 찾아주세요<br>
JavaScript Source Bank - JASKO
----------------------------------------------------------------------------------------------------------
TextRange 객체
TextRange 객체는 문서 객체 모델을 구성하는 한 부분으로 선택한 범위 또는 문서 전체 영역을 하나의 객체로 만들어 이 안에서 다양한 문자열 조작 및 태그의 변형을 가능하게 만들어준다. 이 객체는 스크립트 안에서 주로 사용되며 가장 기본적으로 사용되는 메서드들은 다음과 같다.
* collapse
- textRange를 축소하면, 현재 범위의 시작 혹은 끝부분에 삽입점을 만든다.
* compareEndPoints
- 두 개의 textRange를 비교한다.
* document.selection.createRange
- 마우스로 드래그하여 생긴 영역에 대해 textRange객체를 만든다. 여기서 선택한 텍스트는 색이 반전되며 textRange의 text 속성(property)에 그 값이 저장되어 있다.
* createTextRange
- 메서드 앞에 선행하는 객체에 대한 textRange 객체를 만든다.
☞ var R = document.body.createTextRange() 라고 할 경우
문서 전체(body 태그)에 대한 textRange객체를 만든다.
* duplicate
- textRange의 복제본을 리턴한다.
* expand
- textRange를 문자, 단어 혹은 문장으로 확장한다.
* findText
- 문서에서 텍스트를 찾는다. 그리고 검색 스트림 범위의 시작과 끝부분을 설정한다.
* getBookmark
- 문서 내의 고유한 위치를 지정하는 북마크 문자열을 제공한다.
* inRange
- 지정된 범위가 현재의 textRange와 같은지 아니면 그 안에 들어가는지를 결정한다.
* move
- textRange를 축소하고 지정한 문자, 단어 혹은 문장의 수만큼 빈 textRange를 이동한다.
* moveEnd
- tetRange의 끝 지점을 이동시켜서 그것의 범위를 수정한다.
* moveStart
- textRange의 시작 지점을 이동시켜서 그것의 범위를 수정한다.
* moveToBookmark
- getBookmark로 만들어진 북마크를 이동한다.
* moveToElementText
- textRange를 이동시켜 그것의 시작점과 끝점이 지정된 요소내의 텍스트들을 감싸게 한다.
* moveToPoint
- textRange를 축소시키고 지정된 지점까지 이동한다.
* parentElement
- 현재의 textRange를 완전히 감싸는 요소를 리턴한다.
* pasteHTML
- HTML을 지정된 textRange로 붙여 넣는다.
* scrollIntoView
- textRange를 브라우저의 보기창 안으로 스크롤 한다.
* select
- 현재 rextRange를 반전시킨다.
* setEndPoint
- 현재 textRange의 끝점을 다른 textRange의 끝점을 기준으로 설정한다.
첨부파일
- TextFind.html (1.2K) 1회 다운로드 | DATE : 2008-09-08 11:41:03
댓글목록
등록된 댓글이 없습니다.
