elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
28 Mayo 2012, 13:08  


Tema destacado: Últimos eventos sobre seguridad/inseguridad

+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web
| | |-+  PHP
| | | |-+  Caja de busqueda, accionarla		 0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Caja de busqueda, accionarla  (Leído 617 veces)
Sorke

Desconectado Desconectado

Mensajes: 62



Ver Perfil
Caja de busqueda, accionarla
« en: 21 Octubre 2011, 01:23 »
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>
En línea
Enseñar a los niños el uso de software libre en las escuelas, formará individuos con sentido de libertad

www.Twitter.com/Sorkee
drvy | BSM


Desconectado Desconectado

Mensajes: 1.129


badstupidmonkey


Ver Perfil WWW
Re: Caja de busqueda, accionarla
« Respuesta #1 en: 21 Octubre 2011, 02:38 »
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 línea
Sorke

Desconectado Desconectado

Mensajes: 62



Ver Perfil
Re: Caja de busqueda, accionarla
« Respuesta #2 en: 21 Octubre 2011, 03:15 »
Cita de: drvy | BSM en 21 Octubre 2011, 02:38
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?
En línea
Enseñar a los niños el uso de software libre en las escuelas, formará individuos con sentido de libertad

www.Twitter.com/Sorkee
drvy | BSM


Desconectado Desconectado

Mensajes: 1.129


badstupidmonkey


Ver Perfil WWW
Re: Caja de busqueda, accionarla
« Respuesta #3 en: 21 Octubre 2011, 03:57 »
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í:



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

Saludos
En línea
Sorke

Desconectado Desconectado

Mensajes: 62



Ver Perfil
Re: Caja de busqueda, accionarla
« Respuesta #4 en: 21 Octubre 2011, 16:16 »
Cita de: drvy | BSM en 21 Octubre 2011, 03:57
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í:



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

Saludos

Gracias. En cuanto llegue a mi casa lo pruebo y te digo ;)!
En línea
Enseñar a los niños el uso de software libre en las escuelas, formará individuos con sentido de libertad

www.Twitter.com/Sorkee
WHK
吴阿卡
Ex-Staff
*
Desconectado Desconectado

Mensajes: 4.113


The Hacktivism is not a crime


Ver Perfil WWW
Re: Caja de busqueda, accionarla
« Respuesta #5 en: 21 Octubre 2011, 22:36 »
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/
En línea
Mi foro Ultra Off-Topics: http://whk.drawcoders.com/foro/

Gracias a todos! Good bye!
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
css con IE.. la famosa caja
Desarrollo Web 		xadap 2 400 Último mensaje 13 Julio 2006, 17:29
por Azielito
caja MG415
Hardware 		peib0l 0 303 Último mensaje 17 Abril 2007, 20:56
por peib0l
Metacrilato y la Caja « 1 2 3 »
Hardware 		Isirius 34 5,044 Último mensaje 6 Septiembre 2007, 18:23
por Isirius
Caja Diaria
Software 		elmaro 0 325 Último mensaje 6 Septiembre 2007, 21:54
por elmaro
Caja magica « 1 2 3 »
Desafíos - Wargames 		Ferсhu 32 7,472 Último mensaje 18 Febrero 2008, 20:36
por Ferсhu
Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines