Sobre como poner un buscador que resalte nombres en un htm

[metacumbiero]

Lo que quiero es poder poner un buscador en las paginas internas de mi web por ejemplo
http://www.metacumbiero.net/2010/Ineditos/a.htm hay tengo muchos nombres de temas lo que quiero es poner un buscador pero como ya averigüe por la forma que tengo armada la web no puedo..

Pero estaba pensando en otra cosa se puede hacer un buscador pero que resalte con algún color los nombres como por ejemplo hace el buscador del Internet Explorer

[ContactarNET]

Lo que queres vos es un buscador general de todas tus paginas html? busca un poco por google que sino me equivoco, te facilitan un buscador interno par tu pagina web.

Aca te dejo el link para que te informes: http://www.google.com/cse/

EDIT: desconosco si este servicio es pago o gratuito.

[davidbrepe]

Iniciado por ContactarNET

Lo que queres vos es un buscador general de todas tus paginas html? busca un poco por google que sino me equivoco, te facilitan un buscador interno par tu pagina web.

Aca te dejo el link para que te informes: http://www.google.com/cse/

EDIT: desconosco si este servicio es pago o gratuito.

Tiene dos servicios, el gratuito, que muestra publicidad y le de pago, que no la muestra.

Si no quieres este motor de busqueda puedes hacer uno con javascript


Un saludo!

[metacumbiero]

lamentablemnte ese bsucador ni ninguno de lso gratuiros me sirve por que usan un motor de busqeuda de paginas y yo lo qeu queiro es que busquen dentro de uan pagina, por que queiro bsucar palabras dentro de uan apgian por ejmplo..

ahi un cantanet llamadO "JUANITO"

y quiero que el bsucador em resalte al palabra juanito en toda la pagian para que resalten slo nombres.

[ContactarNET]

Podes sugerirle a los usuarios que utilicen en su navegador Control + F, y buscar el termino deseado.

O buscar algun codigo javascript por la web que seguro debe haber bastantes.

Saludos,
Gabriel.

[davidbrepe]

te paso yo un codigo ;)

Código HTML:

<script src="http://code.jquery.com/jquery-1.5.1.min.js"> </script>
<script>
var divs = $("div:contains(' ')");  
function procesar(obj)
        {
      divs.each( function(i) { // i va desde 0 hasta divs.length-1
          $("div.testc").hide()
      });
      divs.each( function(e) { // e va desde 0 hasta divs.length-1
          $("div:contains(\'" + (obj.dato.value) +"\')").show();
      });
        }
 
</script>
 
<form name="form1" action="javascript:procesar(document.forms.form1); ">
  <input type="text" name="dato">   
  <input type="button" name="Click" value="Pulsar" onmousedown="javascript:procesar(document.forms.form1);">
</form> 
 
<div class="testc">18 Kilates - Vas A Implorar</div>
<div class="testc">A Basilar - El Helicoptero</div>
<div class="testc">Angela - Llora me llama</div>
 

[ContactarNET]

Lo voy a probar, se ve muy bien.

Gracias por compartir, saludos :)

[metacumbiero]

ahi lo puse pero no resalta.

http://www.metacumbiero.net/a.htm

[davidbrepe]

cierto el mi codigo tiene un error

cimprueba este

Código HTML:

<form name="form1" action="javascript:procesar(document.forms.form1); ">
<input type="text" name="dato">
<input type="button" name="Click" value="Pulsar" onmousedown="procesar(this)">
</form> 
 
 
<div class="testc"><a>18 Kilates - Vas A Implorar</a></div>
<div class="testc"><a>A Basilar - El Helicoptero</a></div>
<div class="testc"><a>Angela - Llora me llama</a></div>
 
<script src="http://code.jquery.com/jquery-1.5.1.min.js"> </script>
<script>
    var divs = $("div:contains(' ')");  
    function procesar(obj)
 
        {
 
          divs.each( function(i) { // i va desde 0 hasta divs.length-1
              $("a").hide();
    
          });
 
          divs.each( function(e) { // e va desde 0 hasta divs.length-1
              $("a:contains(\'" + (obj.dato.value) +"\')").show();
 
          });
 
        
        }
</script>
 

no se por que el script tiene que ir al final...

ya va listo para tu html, pega el formulario donde quieras, y el script al final.
Esta linea en el head

Código HTML:

<script src="http://code.jquery.com/jquery-1.5.1.min.js"> </script>
 

[metacumbiero]

http://www.metacumbiero.net/a.htm fijate vos. lo qeu pasa ahora es que desaparece todo de la pagina.

tenes un msn me lo pasas por privado. y te agrego.

tira error en al linea

Detalles de error de página web

Agente de usuario: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; uE v7; InfoPath.1; .NET CLR 3.0.04506.30; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322; OfficeLiveConnector.1.5; OfficeLivePatch.1.3; .NET4.0C; uE v7)
Fecha: Mon, 14 Mar 2011 22:37:10 UTC


Mensaje: 'obj.dato.value' is null or not an object
Línea: 39
Carácter: 15
Código: 0
URI: http://www.metacumbiero.net/a.htm


Mensaje: 'obj.dato.value' is null or not an object
Línea: 39
Carácter: 15
Código: 0
URI: http://www.metacumbiero.net/a.htm


Mensaje: 'obj.dato.value' is null or not an object
Línea: 39
Carácter: 15
Código: 0
URI: http://www.metacumbiero.net/a.htm

[davidbrepe]

...
como puedo ser tan idota xD
pensé que había corregido el error...
mi fallo fue que ni probe el boton, le daba a intro...
corrige esta linea

Código HTML:

<input type="button" name="Click" value="Pulsar" onmousedown="javascript:procesar(document.forms.form1);">
 

[metacumbiero]

despues hablamos por msn el codigo anda perfecto..

solo que no resalta si no que borra todo el contenido dejando solo el buscado

[ContactarNET]

Metacumbier podrias pensar en pasar tu pagina a un gestor de contenido como Joomla, se te va a hacer muy facil la administracion del mismo.

Saludos.