본문 바로가기
IT-개발,DB

[javascript] 문서내의 특정 단어를 한꺼번에 찾아 배경색을 다르게 표시하기

by SB리치퍼슨 2016. 1. 18.

문서내의 특정 단어를 한꺼번에 찾아 배경색을 다르게 표시하기



[1단계] 아래의 스크립트를 <body></body> 사이에 붙여 넣으세요

<script language="javascript"> 
<!-- 
function Find() { 

desiwebFind={ 
        x:function(){ 
                var r,i,s=document.selection.createRange().text; 
                if(!s)s=prompt('찾을글자는요?:','desiweb.co.kr'); // 기본적으로 질문할 내용과 찾을 단어를 수정 하세요 
                if(s){ 
                        r=document.body.createTextRange(); 
                        for(i=0;r.findText(s);i++){ 
                        r.execCommand('BackColor','','yellow'); // 찾은 단어의 배경색상을 수정할 수 있습니다 
                        r.collapse(false) 
                } 
                alert(i+" 개를 찾았습니다") 
                } 
        } 


desiwebFind.x() 


//--> 
</script>





[2단계] 아래 태그를 원하는 위치에 붙여 넣으세요

<input type="button" name="button1" onclick="Find()" value=" 문서내에서 검색 ">



[3단계] 본문을 입력 합니다

안녕하세요 디지웹(desiweb.co.kr)입니다. 새해가 밝아 가는데 다들 어떻게 지내고 계신지 궁금하네요. 디지웹(desiweb.co.kr) 식구들은 홈페이지를 다시 개편하느라 다들 정신이 없네요 ^^;

처음엔 웹에이전시라는 것만 소개하자는 의견에서 몇가지 기능을 추가하고자 다시 부랴부랴 작업 중이랍니다. 더 나아진 디지웹(desiweb.co.kr)을 기대해 보셔도 좋을 듯 합니다^^



※ 물론 모두 <body></body> 사이에 넣는 것입니다.^^



find_01.zip


반응형

댓글