Juntar 2 scripts en una funcion Onclick, EN un Buscador Interno html

cerd0 · #1 (**permalink**) 16/08/2012, 22:38

Hola amigos estoy intentando que este buscador en Javascript para mi web, se diriga a la palabra, de busqueda, directamente, por ejemplo si tengo una lista de 100 elementos, y busco el 100, El buscador me dice que si hay 1 resultado, pero no se dirige hacia la palabra buscada por si mismo, uno tiene que buscarla dentro de la web para verla, si esta en el pie de pagina.

Como puedo hacer que el buscador, despues de mandar el Alert, me diriga a la palabra buscada solito,?

Código Javascript:

Ver original<script>
var texto="";
function resaltar(){
var encontro=0;
var donde=0;
valor=document.getElementById('tt').value;//caja de texto con id="tt"///
reemplazar=RegExp(valor,"i");
if(texto==""){texto=document.body.innerHTML};
txt=texto.split(">");
for (x=0;x<txt.length;x++){
desde=(txt[x].indexOf("<")!=-1)?txt[x].indexOf("<"):0;
tempP=txt[x].slice(0,desde);
tempU=txt[x].slice(desde);
tempPx=tempP.split(" ");
for(y=0;y<tempPx.length;y++){
if(tempPx[y].search(reemplazar)!=-1 && tempPx[y].length==valor.length){
tempPx[y]="<span style=\u0022background-Color:yellow;\u0022>"+tempPx[y]+"</span>";
encontro+=1;
}
}
txt[x]=tempPx.join(" ")+tempU;
}
document.body.innerHTML=txt.join(">");
alert((encontro==0)?"No se encontro ''"+valor+"''":"Se encontraton "+encontro+" coincidencias");
}
 
 
</script>
 
 
 
 
 
 
<input type="text" name="textfield" id="tt" onChange="n = 0;">
<input type="button" value="Buscar en el documento" onClick="resaltar()">
 
 
 
 
 
 
<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>

cerd0 · #2 (**permalink**) 16/08/2012, 23:10

Tengo otro codigo de buscador que si hace esa funcion, de ir a la palabra de busqueda automaticamente, pero en su defecto no me resalta la palabra buscada. ya intente de varias formas hacer que trabajen juntos, o de unir ambos codigos, pero no puedo, por favor alguien puede hecharme una mano?

Ya intente separar las funciones en el evento con punto y coma ; para que se ejecuten ambas, pero no logro hacerlo de otras formas ya no se que mas intentar.

Este ES EL BUSCADOR que va a la palabra buscada automatico

Código Javascript:

Ver original</script>
 
 
<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>

Muchas gracias