javascript : 텍스트 검색

페이지의 텍스트를 검색하는 데 사용하는 입력 태그가 있습니다. 이 단어를 발견했을 때javascript : 텍스트 검색

var TRange=null; 

function findString (str) { 
    if (parseInt(navigator.appVersion)<4) return; 
    var strFound; 
    if (window.find) { 

     // CODE FOR BROWSERS THAT SUPPORT window.find 
     strFound=self.find(str); 
     if (!strFound) { 
      strFound=self.find(str,0,1); 
      while (self.find(str,0,1)) continue; 
     } 
    } 
    else if (navigator.appName.indexOf("Microsoft")!=-1) { 

     // EXPLORER-SPECIFIC CODE 

     if (TRange!=null) { 
      TRange.collapse(false); 
      strFound=TRange.findText(str); 
      if (strFound) TRange.select(); 
     } 
     if (TRange==null || strFound==0) { 
      TRange=self.document.body.createTextRange(); 
      strFound=TRange.findText(str); 
      if (strFound) TRange.select(); 
     } 
    } 
    else if (navigator.appName=="Opera") { 
     $('#srchform2').hide(); 
     alert ("Il browser opera non è supportato") 
     return; 
    } 
    if (!strFound) alert ("testo non trovato!") 
    return; 
}

이 회색 색상으로 지적 : 나는이 자바 스크립트를! 이 색상을 변경하려면 어떻게해야합니까?

출처

2011-12-05 jury89

아무 것도 시도하지 않았습니다! 나는 무엇을 해야할지 모른다! 이 코드는 단어를 찾는데도 효과가 있지만 회색으로 강조 표시합니다! 나는 그가 노란색으로 그들을 강조하고 싶다! – jury89

아마도 시스템 색상 일 것입니다. 자신 만의 강조 표시 코드를 구현해야합니다. –

어떻게 할 수 있습니까? – jury89

브라우저에 따라 지원 여부는 다를 수 있습니다. 여기에 당신이 무엇을 할 수 본질적 :

는

::selection { 
     background: #ffb7b7; /* Safari */ 
     } 
::-moz-selection { 
     background: #ffb7b7; /* Firefox */ 
} 

::-webkit-selection { 
    background:#cc0000; /* Webkit */ 
}

출처

2011-12-05 20:40:54

그것이 작동! 그것은 너무 간단했지만 그것에 대해 생각하지 않아요! 정말 고맙습니다! – jury89

당신은 선택한 텍스트의 색상을 변경하기 위해 최신 브라우저에서 CSS를 사용할 수 있습니다

::-moz-selection{ background: #080; color:#fff;} 
::selection { background:#080; color:#fff; }

JSFiddle : 귀하의 질문에 실제로 같은 http://jsfiddle.net/GUC5d/

출처

2011-12-05 20:41:31 Dennis

는 소리 : 선택한 텍스트의 색을 변경하려면 어떻게합니까? 당신이 정말로하려고하는 것은 발견 된 단어를 강조하는 경우

당신은 아마 당신의 취향에 강조 CSS 클래스와 <span> 요소에 찾은 단어를 포장 할, 그러나

http://www.quirksmode.org/css/selection.html를 참조하십시오. 그렇게하면 사용자가 다른 것을 선택할 때 강조 표시가 손실되지 않습니다.

출처

2011-12-05 20:42:59

javascript : 텍스트 검색

답변

관련 문제