<\/p>\n
Para ello es precio descargarse los ficheros que adjunto. Esta desarrollado para trabajar con WordPress<\/strong> a modo de p\u00e1gina para un template<\/strong>.<\/p>\n Explicaci\u00f3n:<\/p>\n La pagina a medida.php contiene el formulario y el input para realizar la llamada, as\u00ed como los scripts necesarios a pie de p\u00e1gina.<\/p>\n La carpeta autocompletar contiene la css y los js de jquery.<\/p>\n Interesante es fijarse en la p\u00e1gina que devuelve las consultas llamada autocomplete.php<\/strong><\/p>\n Recuerda adaptar la consulta SQL de llamada y el campo que deseas retornar.<\/p>\n Para finalizar, cuidado con las rutas, si tienes muchos problemas, c\u00e1mbialas a absolutas.<\/p>\n <\/p>\n<?php\r\n\/* Explicaci\u00f3n de una pagina para wordpress con opcion de busqueda con autocompletado.\r\nwww.palentino.es\r\nTemplate Name: consultarJquery\r\n*\/\r\n?>\r\n\r\n<?php\r\nget_header();\r\n?>\r\n\r\n<div class=\"container\">\r\n<div class=\"row\">\r\n<?php\r\nif ( have_posts() ) while ( have_posts() )\r\n{\r\n\t?>\r\n\t <div class=\"post_container\">\r\n\t <h1>Ejemplo de consulta<\/h1>\r\n\t <form action=\"mi-pagina-php\" method=\"post\">\r\n\t Por favor, introduce la consulta o palabras clave<br\/> Ejemplo: Filtrar datos <\/br>\r\n\t \t\t<input type=\"text\" name=\"truco\" id=\"truco\" value=\"\" \/> <br\/>\r\n\t \t\t<input type=\"submit\" value=\"|| Realizar una consulta ||\" \/>\r\n\t \t <\/form>\r\n\t <\/br>\r\n \r\n <?php \r\n\t\tthe_post();\r\n\t\tthe_content();\r\n}\r\n?>\r\n \t<\/div>\r\n <div class=\"widget-container\" style=\"\">\r\n\t <?php get_sidebar(); ?>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\t<?php comments_template(); ?>\r\n\t<?php \/\/Muestra el pie\r\n\t\tget_footer();\r\n\t?>\r\n\r\n?>\r\n<!-- Necesario para que funcione - ojo necesita se llamado al final -->\r\n<script type=\"text\/javascript\" src=\"autocompletar\/jquery.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"autoocompletar\/jquery.autocomplete.js\"><\/script>\r\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"autocompletar\/jquery.autocomplete.css\" \/>\r\n<script>\r\n $(document).ready(function(){\r\n $(\"#truco\").autocomplete(\"autocompletar\/autocomplete.php\", {\r\n selectFirst: false\r\n });\r\n });\r\n<\/script>\r\n<\/pre>\n<?php\r\n\t$q=$_GET['q'];\r\n\t$my_data=mysql_real_escape_string($q);\r\n $mysqli=mysqli_connect('mi-base-de-datos-mysql-direccion','usuario','password','base') or die(\"Error en la base\");\r\n\t\/\/ Necesario para evitar mostrar caracteres extra\u00f1os\r\n\tmysqli_set_charset ($mysqli, \"utf8\");\r\n\t$sql=\"SELECT texto FROM mitabla WHERE texto LIKE '%$my_data%' ORDER BY texto\";\r\n\t$result = mysqli_query($mysqli,$sql) or die(mysqli_error());\r\n\tif($result)\r\n\t{\r\n\t\twhile($row=mysqli_fetch_array($result))\r\n\t\t{\r\n\t\t\techo $row['texto'].\"\\n\";\r\n\t\t}\r\n\t}\r\n?><\/pre>\n
![\"descargar-twitter\"](\"http:\/\/www.palentino.es\/blog\/wp-content\/uploads\/2012\/12\/descargar-twitter.png\")
<\/a><\/p>\n