Caja de busqueda, accionarla

Sorke · 21 Octubre 2011, 01:23 AM

Buenas.

Tengo instalada una caja de busqueda, para que busque (palabras, letras) en mi página web.

Lo que pasa es que en la caja cuando pones por ejemplo: Hola no busca nada, no reacciona, no dice nada. Os dejo el código y me decís, si podéis ponerme el código que falta y en que posición ponerlo lo agradecería muchísimo gente..

Código [Seleccionar]

<div class="search">
      <input type="text" value="Buscar..." name="" />
      <button type="submit" class="btn">OK</button>
    </div>

#!drvy · 21 Octubre 2011, 02:38 AM

Y que quieres buscar ?

Me refiero, donde ? en una base de datos, en un archivo ? en la misma pagina ?

El codigo lo que tienes añade unicamente la parte visual. Lo que te hace falta es el funcionamiento entero.

Aqui te dejo un tutorial: Buscador con PHP y MySql
Saludos

Sorke · 21 Octubre 2011, 03:15 AM

Cita de: drvy | BSM en 21 Octubre 2011, 02:38 AM
Y que quieres buscar ?

Me refiero, donde ? en una base de datos, en un archivo ? en la misma pagina ?

El codigo lo que tienes añade unicamente la parte visual. Lo que te hace falta es el funcionamiento entero.

Aqui te dejo un tutorial: Buscador con PHP y MySql
Saludos

En la misma pagina, hace falta eso entonces, no?

#!drvy · 21 Octubre 2011, 03:57 AM

Depende, si solo quieres que te busque texto puedes hacerlo con javascript.

Código (html4strict) [Seleccionar]

<html>
<head>
	<title>Busqueda de texto mediante JS + jQuery</title>
	<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
	<script src="http://johannburkard.de/resources/Johann/jquery.highlight-3.js"></script>
	<script>
		$(document).ready(function() {
			$('#boton_buscar').click(function() {
				$('#dondebuscar').removeHighlight();
				$('#dondebuscar').highlight($('#buscartexto').val());
			});
		});
	</script>
	<style type="text/css">
		.highlight { background-color:#000; color:#FFF; }
	</style>
</head>
<body>
<div id="buscar">
	<input type="text" value="" id="buscartexto" />
	<input type="button" value="buscar" id="boton_buscar" />
</div>

<div id="dondebuscar">
Esto es un texto y yo estoy buscando en el. xD
</div>
</body>
</html>

Quedaría algo así:

PD: Es con jQuery y un plugin llamado jquery.hihglight.

Saludos

Sorke · 21 Octubre 2011, 16:16 PM

Cita de: drvy | BSM en 21 Octubre 2011, 03:57 AM
Depende, si solo quieres que te busque texto puedes hacerlo con javascript.

Código (html4strict) [Seleccionar] Expandir
<html> <head> <title>Busqueda de texto mediante JS + jQuery</title> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://johannburkard.de/resources/Johann/jquery.highlight-3.js"></script> <script> $(document).ready(function() { $('#boton_buscar').click(function() { $('#dondebuscar').removeHighlight(); $('#dondebuscar').highlight($('#buscartexto').val()); }); }); </script> <style type="text/css"> .highlight { background-color:#000; color:#FFF; } </style> </head> <body> <div id="buscar"> <input type="text" value="" id="buscartexto" /> <input type="button" value="buscar" id="boton_buscar" /> </div> <div id="dondebuscar"> Esto es un texto y yo estoy buscando en el. xD </div> </body> </html>

Quedaría algo así:

PD: Es con jQuery y un plugin llamado jquery.hihglight.

Saludos

Gracias. En cuanto llegue a mi casa lo pruebo y te digo

!

WHK · 21 Octubre 2011, 22:36 PM

Hola, si es un sistema ya hecho entonces te falta el <form> para enviar la petición al servidor web y que la aplicación interna te busque el contenido, pero para eso necesitas programar la busqueda hacia la base de datos o lo que desees, por ejemplo php+mysql, ahora... puedes usar la api de google para poner un buscador interno solamente escribiendo un par de lineas en javascript:
http://www.google.com/cse/

Test Foro de elhacker.net SMF 2.1

Caja de busqueda, accionarla

Sorke

#!drvy

Sorke

#!drvy

Sorke

WHK