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


Moderador: web

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

EasyAutocomplete script de auto completar

28-11-2016 17:51

Nesse post vou mostrar um script de auto completar o que o usuário começa a preencher.

O nome do script é EasyAutocomplete.

Para funcionar é bem simples. Baixe o script nesse link http://easyautocomplete.com/download
Após baixar copie para o diretório onde vai testar o script os seguintes arquivos:

jquery.easy-autocomplete.js
easy-autocomplete.css


E também terá que ter no mesmo diretório o arquivo jquery.js.

Depois é só testar o seguinte código:

<script src="jquery.js"></script> <script src="jquery.easy-autocomplete.js"></script> <link href="easy-autocomplete.css" rel="stylesheet" type="text/css" media="screen, projection" /> <script> $(function() { var options = { data: ["blue", "green", "pink", "red", "yellow"], list: { match: { enabled: true } }, theme: "square" }; $("#input").easyAutocomplete(options); }); </script> <input type="text" id="input" />

Você pode ver vários exemplos de uso do EasyAutocomplete nesse link http://easyautocomplete.com/examples
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Re: EasyAutocomplete script de auto completar

28-11-2016 19:00

Agora vou dar uma dica para quem quer usar valores de um banco de dados para alimentar o array do easyautocomplete.

Antes do seu while que listará os dados adicione o seguinte:

$dados = Array();

Dentro do while você vai adicionar somente a seguinte linha abaixo, definindo o nome da sua coluna da tabela.

$dados[] = "\"".$sua_coluna."\"";


Agora, lá no script do auto complete tem essa linha

data: ["blue", "green", "pink", "red", "yellow"],

Você vai trocar pelo seguinte:

data: [<?php echo implode(",", $dados); ?>],

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]