Ver Mensaje Individual
  #1 (permalink)  
Antiguo 16/08/2012, 22:38
cerd0
 
Fecha de Ingreso: agosto-2008
Mensajes: 48
Antigüedad: 15 años, 9 meses
Puntos: 0
Juntar 2 scripts en una funcion Onclick, EN un Buscador Interno html

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
  1. <script>
  2. var texto="";
  3. function resaltar(){
  4. var encontro=0;
  5. var donde=0;
  6. valor=document.getElementById('tt').value;//caja de texto con id="tt"///
  7. reemplazar=RegExp(valor,"i");
  8. if(texto==""){texto=document.body.innerHTML};
  9. txt=texto.split(">");
  10. for (x=0;x<txt.length;x++){
  11. desde=(txt[x].indexOf("<")!=-1)?txt[x].indexOf("<"):0;
  12. tempP=txt[x].slice(0,desde);
  13. tempU=txt[x].slice(desde);
  14. tempPx=tempP.split(" ");
  15. for(y=0;y<tempPx.length;y++){
  16. if(tempPx[y].search(reemplazar)!=-1 && tempPx[y].length==valor.length){
  17. tempPx[y]="<span style=\u0022background-Color:yellow;\u0022>"+tempPx[y]+"</span>";
  18. encontro+=1;
  19. }
  20. }
  21. txt[x]=tempPx.join(" ")+tempU;
  22. }
  23. document.body.innerHTML=txt.join(">");
  24. alert((encontro==0)?"No se encontro ''"+valor+"''":"Se encontraton "+encontro+" coincidencias");
  25. }
  26.  
  27.  
  28. </script>
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35. <input type="text" name="textfield" id="tt" onChange="n = 0;">
  36. <input type="button" value="Buscar en el documento" onClick="resaltar()">
  37.  
  38.  
  39.  
  40.  
  41.  
  42.  
  43. <span id="aa"> </span></p>
  44. <p>JScript es un lenguaje <strong>de <em>secuencias</em></strong> de comandos<em>
  45. interpretado</em> y basado en objetos. Aunque tiene menos funciones que los
  46. lenguajes orientados a objetos de altas prestaciones como C++, JScript es muy
  47. eficiente para los prop&oacute;sitos<font color="#FF0000" face="Arial, Helvetica, sans-serif"> a los que se destina.</font>
  48. </p>
  49. <p></p>

Última edición por cerd0; 16/08/2012 a las 23:09