index.html
<iframe id="srchform" src="find.html" width="220" height="34" border="0" frameborder="0" scrolling="no"></iframe>
<script>
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=window.find(str);
if (!strFound) {
strFound=window.find(str,0,1);
while (window.find(str,0,1)) continue;
console.log(strFound);
}
} 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") {
alert ("Opera browsers not supported, sorry...")
return;
}
if (!strFound) alert ("String '"+str+"' not found!")
return;
}
</script>
find.html
<html>
<head>
<style type="text/css">
BODY {
margin : 0px;
}
</style>
</head>
<body>
<form id="f1" name="f1" action="javascript:void()" onSubmit="if(this.t1.value!=null && this.t1.value!='') parent.findString(this.t1.value);return false;">
<input type="text" id="t1" name="t1" value="text" size=20>
<input type="submit" name=b1 value="Find">
</form>
</body>
</html>'[ Web 관련 ] > 자바스크립트' 카테고리의 다른 글
| 날짜 형식 변경, 오늘날짜, 어제날짜, 최근 7일, 최근 30일, 지난 주, 지난 달 (0) | 2021.02.16 |
|---|---|
| 자바스크립트 여러 줄을 문자열로 묶는 방법 (0) | 2021.02.12 |
| 자바스크립트, 제이쿼리 배열 내부 검색, 변경 등 (json) 참조 (0) | 2020.07.28 |
| 자바스크립트 반복 함수 setInterval, 중지 clearInterval (0) | 2020.03.11 |
| 자바스크립트 배열 (0) | 2019.11.29 |
