Fórum Jquery autocomplete hightlight mysql #530273
31/08/2015
0
Olá pessoal.
Criei o fórum para ver se existe alguma alma caridosa capas de me ajudar com o código.
O auto complete funciona perfeitamente no meu site.
Único problema que eu gostaria de fazer o hightlight na busca... mais não consigo interagir.
Ai está a vídeo aula com autocomplete funcionando.
[url:descricao=Vídeo aula com autocomplete + mysql]https://www.youtube.com/watch?v=pV_2KhqduuQ[/url]
<link href="jQuery/jquery/jquery-ui.css" rel="stylesheet"/>
<script src="jQuery/jquery/external/jquery/jquery.js"></script>
<script src="jQuery/jquery/jquery-ui.js"></script>
<script>
//Request -> informação ser enviada
//Response -> informação recebida
$(document).ready(function(){
$("#query").autocomplete({
source: function(request, response){
$.ajax({
url: "search.php",
dataType:"json",
data:{q:request.term},
success: function(data){
response(data);
}
});
},
minLength:2,
maxResults:10,
max:5,
maxHeight:50,
select: function(event,ui){
maxHeight:30;
}
});
});
</script>
<input name="Busca_intro" type="text" placeholder="Digite sua busca..." size="60" id="query" class="ClassBuscador"/>
<input type="hidden" name="acao" value="buscar"/>
<input type="submit" name="buscar" value="Buscar" />
Criei o fórum para ver se existe alguma alma caridosa capas de me ajudar com o código.
O auto complete funciona perfeitamente no meu site.
Único problema que eu gostaria de fazer o hightlight na busca... mais não consigo interagir.
Ai está a vídeo aula com autocomplete funcionando.
[url:descricao=Vídeo aula com autocomplete + mysql]https://www.youtube.com/watch?v=pV_2KhqduuQ[/url]
<link href="jQuery/jquery/jquery-ui.css" rel="stylesheet"/>
<script src="jQuery/jquery/external/jquery/jquery.js"></script>
<script src="jQuery/jquery/jquery-ui.js"></script>
<script>
//Request -> informação ser enviada
//Response -> informação recebida
$(document).ready(function(){
$("#query").autocomplete({
source: function(request, response){
$.ajax({
url: "search.php",
dataType:"json",
data:{q:request.term},
success: function(data){
response(data);
}
});
},
minLength:2,
maxResults:10,
max:5,
maxHeight:50,
select: function(event,ui){
maxHeight:30;
}
});
});
</script>
<input name="Busca_intro" type="text" placeholder="Digite sua busca..." size="60" id="query" class="ClassBuscador"/>
<input type="hidden" name="acao" value="buscar"/>
<input type="submit" name="buscar" value="Buscar" />
Giovanni
Curtir tópico
+ 0
Responder
Posts
31/08/2015
Randrade
Olá NinoBrawJR,
Ao postar qualquer tipo de código, utilize a tagcode </>. Ela deixa o código formatado e de mais fácil compreensão.
Agora sobre sua dúvida, veja se este exemplo lhe ajuda. Caso não ajude, explique melhor o que você precisa.
Ao postar qualquer tipo de código, utilize a tagcode </>. Ela deixa o código formatado e de mais fácil compreensão.
Agora sobre sua dúvida, veja se este exemplo lhe ajuda. Caso não ajude, explique melhor o que você precisa.
Responder
Gostei + 0
Clique aqui para fazer login e interagir na Comunidade :)