Implementei em meu site o JQuery Autocomplete e consegui fazer ele funcionar na boa. Porém não estou conseguindo fazer com que, quando o usuário pesquisar pelo termo, e selecionar na lista, ele seja direcionado para a respectiva página.
Meu código está assim:
<div id="pesquisa">
<form action="index.php?id=<?php echo $target; ?>&tp=smp" method="post" name="autocomplete" target="_self">
<strong>Pesquisa:</strong>
<input id="autocomplete" title="Digite algo" placeholder=" Digite algo">
<button id="button-icon">Pesquise</button>
</form>
</div><!--pesquisa-->
<script src="libraries/jquery.js"></script>
<script src="libraries/jquery-ui.js"></script>
<script>
<?php
$sql = "SELECT pags.id, pags.title, pags.keywords, pags.tema
FROM pags
WHERE vendavel = 'S'
ORDER BY pags.id";
$resultado = $PDO->query( $sql );
$rows = $resultado->fetchAll(PDO::FETCH_ASSOC);
?>
var availableTags = [
<?php
foreach ($rows as $key => $linha) {
$target = $linha['id'];
echo '"' . $linha['title'] .' | ' . $linha['keywords'] . '",';
}
?>
""
];
$( "#autocomplete" ).autocomplete({
source: availableTags
});
$( "#button" ).button();
$( "#button-icon" ).button({
icon: "ui-icon-gear",
showLabel: false
});
</script>