Buscador de palabras interno, Resaltar texto encontrado.(No funciona en firefox)

cerd0 · #1 (**permalink**) 19/08/2012, 14:20

Amigos, como puedo lograr que este buscador, me resalte el texto encontrado, que lo pinte de amarillo, cuando lo encuentre, ya que solo lo selecciona, y a veces el resultado, no se peude localizar tan facil.

ADEMAS EL CODIGO, unicamente funciona en internet explorer, me gustaria saber si alguien conoce otro codigo que haga lo mismo, que funcione en firefox tambien, segun he revisado el codigo ya es algo antiguo.

Gracias! ojala alguien se anime y me ayude.

Código Javascript:

Ver original<script language="JavaScript">
<!-- More javascripts http://www.hypergurl.com -->
 
var NS4 = (document.layers);    // Which browser?
var IE4 = (document.all);
 
var win = window;    // window to search.
var n   = 0;
 
function findInPage(str) {
 
  var txt, i, found;
 
  if (str == "")
    return false;
 
  // Find next occurance of the given string on the page, wrap around to the
  // start of the page if necessary.
 
  if (NS4) {
 
    // Look for match starting at the current point. If not found, rewind
    // back to the first match.
 
    if (!win.find(str))
      while(win.find(str, false, true))
        n++;
    else
      n++;
 
    // If not found in either direction, give message.
 
    if (n == 0)
      alert("Not found.");
  }
 
  if (IE4) {
    txt = win.document.body.createTextRange();
 
    // Find the nth match from the top of the page.
 
    for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
      txt.moveStart("character", 1);
      txt.moveEnd("textedit");
    }
 
    // If found, mark it and scroll it into view.
 
    if (found) {
      txt.moveStart("character", -1);
      txt.findText(str);
      txt.select();
      txt.scrollIntoView();
      n++;
    }
 
    // Otherwise, start over at the top of the page and find first match.
 
    else {
      if (n > 0) {
        n = 0;
        findInPage(str);
      }
 
      // Not found anywhere, give message.
 
      else
        alert("Not found.");
    }
  }
 
  return false;
}
 
</script>
 
 
 
<body bgcolor="#FFFFFF" text="#000000">
<p>
 
 
<form name="search" onSubmit="return findInPage(this.string.value);"> 
<input name="string" id="buscador" type="text" size=15 onChange="n = 0;"> 
 <input type="submit" value="Search Page"></form>
 
 
<span id="aa"> </span></p>
<p>JScript es un lenguaje <strong>de <em>secuencias</em></strong> de comandos<em> 
interpretado</em> y basado en objetos. Aunque tiene menos funciones que los 
lenguajes orientados a objetos de altas prestaciones como C++, JScript es muy 
eficiente para los prop&oacute;sitos<font color="#FF0000" face="Arial, Helvetica, sans-serif"> a los que se destina.</font> 
</p>
<p></p>