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..
<div class="search">
<input type="text" value="Buscar..." name="" />
<button type="submit" class="btn">OK</button>
</div>
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
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 (http://www.desarrolloweb.com/articulos/2087.php)
Saludos
En la misma pagina, hace falta eso entonces, no?
Depende, si solo quieres que te busque texto puedes hacerlo con javascript.
<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
Cita de: drvy | BSM en 21 Octubre 2011, 03:57 AM
Depende, si solo quieres que te busque texto puedes hacerlo con javascript.
<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 ;)!
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/