현재 페이지내에 텍스트 중 아무단어나 검색해보세요.. 해당 검색어가 있으면 텍스트에 블럭이 설정됩니다..




***************************************** 소스 ******************************************

<HTML>
<HEAD>
<TITLE>xtx.kr</TITLE>

<style>
.comm_p1_text {margin-top:10;margin-bottom:10;margin-left:10;margin-right:10;line-height:150%;color:#555555;}
</style>

<script language="JavaScript">
<!--

var n=0;
var str='';

function str_check(){
str=search_form.keyword.value;
if(str=='') alert('검색어를 입력하세요...');
else str_find();
}


function str_find(){

var found;
var text=document.body.createTextRange();

for(i=0;i<=n && (found = text.findText(str)) != false; i++){
text.moveStart("character", 1);
text.moveEnd("textedit");
//체크해 보세요...^^*
//alert(i +" <= " + n);
}

if (found){
text.moveStart("character", -1);
text.findText(str);
text.scrollIntoView();
text.select();
n++;
}
else {
if (n > 0) {
n = 0;
str_find();
}
else {
alert("입력하신 검색어에 대한 결과가 없습니다");
search_form.keyword.value='';
}
}
}
//-->
</script>
</head>


<body>

<!-- 검색폼 시작 -->
<form name="search_form" method="get" onsubmit="return false">
<input type="text" name="keyword" onchange="n=0" onkeypress="if(event.keyCode==13)str_check()">
<input type="button" value="검색" onclick="str_check()"></td>
</form>
현재 페이지내에 텍스트 중 아무단어나 검색해보세요..
해당 검색어가 있으면 텍스트에 블럭이 설정됩니다..