Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como usar o autocomplete jqueryUI com banco de dados

02-04-2015 16:29

Nesse post vou mostrar como integrar os valores definidos para o autocomplete do jQueryUI com um banco de dados MySQL.

O autocomplete que me refiro está nesse link https://jqueryui.com/autocomplete/

Para começar vamos precisar fazer o seguinte:
No código do link acima iremos colocar essa linha abaixo e tudo acima dela antes do while da consulta

var availableTags = [

Essa linha abaixo e tudo após ela depois do while da consulta

];

Agora veremos os valores que irá alimentar o campo de texto do auto completar.
Como mostrado no link, o formato dos valores deve ser esse:

"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"


Como observado todos os valores seguem um padrão, aspas duplas no início e final do texto e termina com vírgula, exceto o último valor.

Em uma consulta com banco de dados MySQL usamos um while, que faz um laço obtendo várias linhas, então fica fácil fazer algo assim dentro do while:

echo " \"".$coluna_tal."\", "; 

Agora a solução para última linha é bem simples. Basta deixar vazia.

Resumindo, você irá usar o echo acima para exibir os valores, depois do while eu indiquei colocar o restante do script, a partir do "inclusive":

];

Então será trocado o

];

por

""
];


Que no caso vai manter a última linha do auto complete vazia.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado