'Find in page' script alternative 1

[ChrisRChamberlain]

Hi all

Can anyone a cross browser alternative to the DynamicDrive find in page script.

The requirement is to be able to search current page and highlight the search word or phrase.

TIA

FAQ184-2483​

Chris
PDFcommander.com
motrac.co.uk

 

[feherke]

Hi

A starting point could be to google for "searchhi.js" and modify it for your needs.

Feherke.

http://rootshell.be/~feherke/

 

[ChrisRChamberlain]

feherke

Thanks for your reply and link

Have also found this code at

http://www.javascripter.net/faq/searchin.htm

<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>

<script language="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") {
  alert ("Opera browsers not supported, sorry...")
  return;
 }
 if (!strFound) alert ("String '"+str+"' not found!")
 return;
}
//-->
</script>

It works in IE, Safari and Chrome. It works in Firefox only if you click on the page below the form.

Any ideas as to how to force it to work in Firefox?

FAQ184-2483​

Chris
PDFcommander.com
motrac.co.uk

 

[ChrisRChamberlain]

It seems the problem with Firefox using the code posted is that by clicking on the page above the form, it searches and then the search stops at the form's textbox.

Clicking on the page below the form's textbox allows the search to continue to the end of the page.

So if the search could bypass the form's textbox, it might provide a solution.

FAQ184-2483​

Chris
PDFcommander.com
motrac.co.uk

 

[feherke]

Hi

Try to add this :

  // CODE FOR BROWSERS THAT SUPPORT window.find

  strFound=self.find(str);

  [red]if (strFound && !window.getSelection().anchorNode) strFound=self.find(str)[/red]

  if (!strFound) {
   strFound=self.find(str,0,1)
   while (self.find(str,0,1)) continue
  }

Feherke.

http://rootshell.be/~feherke/

 

[ChrisRChamberlain]

feherke

Excellent - that did it!

Many thanks for your help

FAQ184-2483​

Chris
PDFcommander.com
motrac.co.uk