Search the Community

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="&nbsp;&nbsp;&nbsp;&nbsp;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>

Gostaria de saber como posso listar os eventos setados no datepicker, que quando ao passar o mouse em cima dos mesmos , eles mudassem o hover ou algo assim diretamente no calendário. Código atual: codepen.io/abech/pen/VrWOLR Imagem de exemplo do código atual

Galera seguinte, Não tenho muita experiência com Javascript então peço ajuda com o seguinte problema utilizo o seguinte código que executa o dialog do jquery-ui-1.11.4 <script> $( "#dialog" ).dialog({ autoOpen: false, width: 400, buttons: [ { text: "Sim", click: function() { // caso o usuario clique em sim, aqui havera um codigo que necessita de uma // informacao que sera passada pelo button que usuario clicou para executar // a acao correta $( this ).dialog( "close" ); } }, { text: "Não", click: function() { $( this ).dialog( "close" ); } } ] }); // Link to open the dialog $( "#dialog-link" ).click(function( event ) { $( "#dialog" ).dialog( "open" ); event.preventDefault(); }); $( "#datepicker" ).datepicker({ inline: true }); </script> para que esse script seja executado, o usuário tem que clicar nesse link: <a href="#" id="dialog-link">teste</a> a minha dúvida é a seguinte, quais alterações tenho que fazer no código para que ao invés de usar o atributo <a href...> possa usar o atributo <button onclick...>? A minha necessidade de fazer essa alteração é porque preciso passar um parametro para cada button, e não consegui nenhuma maneira de passar esse paramentro através do <a href="#" id="dialog-link"> além disso, só posso usar a id dialog-link uma vez na página.