Buscador de contenido con PHP y javascript

Al crear una página Web de contenidos siempre es necesario disponer de un buen buscador para facilitarle la vida al usuario. El siguiente script muestra como un buscador de contenido que al escribir dentro del input text va mostrando mediante javascript resultados.

El script se compone de un archivo índice que contiene la llamada al script js necesario y el formulario html con un input que al escribir dentro de él, va ejecutando una función javascript que dentro de esta se llama a un archivo php que se encargará de retornar los resultados haciendo una búsqueda en la base de datos. En el caso de este ejemplo concreto, hacemos una búsqueda de lo que se escriba en los campos de la base de datos: título, cuerpo, resumen y keywords.

Para implementar lo siguiente debemos tener en el tag <body> un formulario como el que sigue:

<form>
	<h3>Buscador <input type="text" id="txt1" class="text" onkeyup="showHint(this.value)" /></h3>
</form>
<p><span id="txtHint"></span></p>

En este formulario al escribir en el input con id=»txt1″ estamos llamando en cada carácter pulsado a la función javascript «showHint()» pasándole como parámetro el valor del input, es decir, lo que se está escribiendo.

La función showHint() la tenemos dentro de un archivo .js que debemos llamar lógicamente en el tag <head> de la página.

Esta función se encarga de llamar al archivo .php que será el que haga las query’s para retornar los resultados que se van mostrando en el <span id=»txtHint»></span>.

Ver ejemplo en funcionamiento

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(1 voto, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

2 respuestas a “Buscador de contenido con PHP y javascript”

  1. Fredy dice:

    Por favor pone el codigo fuente…. Muchas gracias!

  2. Tomasa Skok dice:

    I visited a lot of website but I think this one contains something extra in it. «When I meet a man I ask myself, ‘Is this the man I want my children to spend their weekends with'» by Rita Rudner.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre