JSFiddle - React, Tailwind, and code Playground

by robert_schutt

HTML

This is a text for test searching...
<form name="f1" action="" 
onSubmit="if(this.t1.value!=null && this.t1.value!='')
findString(this.t1.value);return false"
>
    <input type="text" name=t1 value="" size="20"/>
    <input type="submit" name=b1 value="Find"/>
</form>
<div id="contents">
    This is a text for test searching...<br/>
    This is a text for test searching...<br/>
    This is a text for test searching...<br/>
    This is a text for test searching...<br/>
</div>

CSS

#contents {
    background-color: silver;
}

JavaScript

var TRange=document.getElementById('contents');

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 && self.getSelection && !self.getSelection().anchorNode) {
 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") {
 alert ("Opera browsers not supported, sorry...")
 return;
 }
 if (!strFound) alert ("String '"+str+"' not found!")
 return;
}