Buscar texto dentro de la misma pagina

[Freakme]

Estoy buscando la forma de hacer un buscador de palabras dentro de una misma pagina, quiero hacer, más o menos, lo mismo que hace el buscador cuando le damos a ctrl+f
He encontrado dos posibles códigos, el problema es que se bastante poco de jquery y no consigo encontrar cómo ponerlos en marcha para que cojan de un input text el texto que tienen que buscar, ¿¿alguien puede echarme un cable??
Gracias.

Uno de los códigos que he encontrado es este:

Código:

$("div:contains('León')").css("font-weight", "bold");

Y el otro es este:

Código:

$.fn.egrep = function(pat) {
 var out = [];
 var textNodes = function(n) {
  if (n.nodeType == Node.TEXT_NODE) {
   var t = typeof pat == 'string' ?
    n.nodeValue.indexOf(pat) != -1 :
    pat.test(n.nodeValue);
   if (t) {
    out.push(n.parentNode);
   }
  }
  else {
   $.each(n.childNodes, function(a, b) {
    textNodes(b);
   });
  }
 };
 this.each(function() {
  textNodes(this);
 });
 return out;
};

var anietos = $('body').egrep(/anieto2k/i);
for (var x in anietos) {
	anietos[x].css("backgroundColor", "yellow");
}

el segundo codigo está sacado de aquí: http://www.anieto2k.com/2008/10/13/6...er-con-jquery/

un saludo

[echoTREBOR]

intenta pasando el valor del input al selector.
algo así

//html
<input type="text" id="campo">

//jQuery
(function($){
var valor=$("#campo").val()

$("div:contains("'"+valor+"'")").css("font-weight", "bold");

})(jQuery)

[Sourcegeek]

Exacto, puedes tener algo asi;

Código HTML:

<form method="POST" action="" name="form">
<input type="text" name="campo">
<input type="submit" name="enviar" value="Enviar">
</form>
 

Y en el JS;

Código Javascript:

$('form[name=form]').submit(function() {
    busqueda = $('[name=campo]').val();
    $("div:contains('"+busqueda+"')").css("font-weight", "bold");
});
 

Un codigo sencillo pero creo que funciona.. Si tienes dudas puedes consultar la api.jquery.com para ver que es cada funcion

[Freakme]

Buenas tardes, primero daros las gracias a ambos, pero no me funciona ninguna de ambas opciones :S

El formulario:

Código:

<form method="post" action="" name="buscatexto">
<input type="text" name="textoabuscar">
<input type="submit" name="enviar" value="Enviar">
</form>

echoTREBOR - jquery

Código:

<script type="text/javascript">
 $(document).ready(function($){
var valor=$("#textoabuscar").val();
$("td:contains("'"+valor+"'")").css("font-weight", "bold");
});
</script>

Sourcegeek - jquery

Código:

<script type="text/javascript">
$('buscatexto').submit(function() {
    busqueda = $('textoabuscar').val();
    $("td:contains('"+busqueda+"')").css("font-weight", "bold");
});
</script>

He cambiado el "... div:contains( ..." por "...td:contains(..." porque mi pagina consiste en una tabla a modo de lista de telefonos.
Quería preguntaros... ¿el ":contains" busca el texto que se le manda dentro del texto que pueda haber o solo va a encontrar el texto exacto que se le manda?

Gracias de nuevo, un saludo :D

[lucasgabmoreno]

La demo:
http://www.ryancoughlin.com/demos/highlight/index.html

Y acá sale como hacerlos:
http://www.ryancoughlin.com/2008/12/20/jquery-search-and-highlight/#

Saludos!

[lucasgabmoreno]

http://blog.mastykarz.nl/samples/jquery/searchOnThisPage.html

Este está mejor