Imprimir Página - Caja de busqueda, accionarla

Título: Caja de busqueda, accionarla
Publicado por: Sorke en 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:

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

Título: Re: Caja de busqueda, accionarla
Publicado por: #!drvy 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 (http://www.desarrolloweb.com/articulos/2087.php)
Saludos

Título: Re: Caja de busqueda, accionarla
Publicado por: Sorke en 21 Octubre 2011, 03:15 am

Cita de: drvy | BSM en 21 Octubre 2011, 02:38 am

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

Título: Re: Caja de busqueda, accionarla
Publicado por: #!drvy en 21 Octubre 2011, 03:57 am

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

Código

<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í:

(http://i.elhacker.net/i?i=olHSLmnUCIIY2APKPCBuSGVo)

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

Saludos

Título: Re: Caja de busqueda, accionarla
Publicado por: Sorke en 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

<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í:

(http://i.elhacker.net/i?i=olHSLmnUCIIY2APKPCBuSGVo)

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

Saludos

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

Título: Re: Caja de busqueda, accionarla
Publicado por: WHK en 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/

Foro de elhacker.net

Programación => PHP => Mensaje iniciado por: Sorke en 21 Octubre 2011, 01:23 am