검색 HTML 및 스크롤

그래서 2000 플러스 항목이있는 문서 목록이 있습니다. 검색 기능의 일부 형식을 추가하고 싶습니다. 분명히 입력 막대가 있지만, 페이지를 검색하는 자바 스크립트와 그 위치의 ScrollTo를 쓰려면 어떻게해야할까요?검색 HTML 및 스크롤

출처

2010-11-24 Peter Kazazes

당신은 내가 텍스트에서이보기에 대한 갈 것이라고는 입력 양식의 반환 방법, window.find 및 range.findText

<input id="search" > 
<input type="button" value="search" onclick="fx(document.getElementById('search'))"> 
<script type="text/javascript"> 
<!-- 
function fx(o) 
{ 
    var _o=o; 
    if(window.find) 
    { 
    _o.style.visibility='hidden'; 
    setTimeout(function(){window.find(_o.value);_o.style.visibility='visible';},10); 
    } 
    else if(document.body.createTextRange) 
    { 
    var rng=document.body.createTextRange(); 
     rng.findText(o.value); 
     rng.select(); 
    } 
} 
//--> 
</script>

출처

2010-11-24 07:02:15

나는 안돼서를 사용할 수 있습니까? –

위 예제를 추가했습니다. 참고 : 불행히도 Opera는 두 가지 방법 중 하나를 지원하지 않기 때문에 Opera에서 작동하지 않습니다. –

Chrome에서 완벽하게 작동했지만 (대상) 브라우저에서 작동하지 않았습니다 (iPhone의 모바일 Safari). 그러나 고맙습니다. –

검색하려는 요소를 반복하십시오. 재귀 적으로 자식 노드를 탐색하고 각각 /\bTERM\b/과 같은 정규식으로 검색하십시오.

오프셋을 찾은 다음 scrollTo() 오프셋을 찾습니다.

출처

2010-11-24 07:00:47 alex

검색 HTML 및 스크롤

답변

관련 문제