Auto-completar Ajax como o Google Suggest

Algumas pessoas tem escrito perguntando como se produz um efeito semelhante ao Google Suggest. Esta série de artigos e o script que a acompanha são uma maneira de tentar responder a esta dúvida.

Como você pode ver lá, é o início do trabalho. Pretendo ter tudo pronto em duas semanas. Colaborações são muito bem vindas!

Technorati Tags: , , , , , ,

Elcio: Elcio é sócio fundador da Visie Padrões Web. Pioneiro no uso e divulgação dos padrões do W3C no Brasil, Elcio já treinou equipes de dezenas de empresas como Globo.com, Terra, Petrobras, iG e Locaweb. Além disso, tem dirigido as equipes da Visie no desenvolvimento de projetos web para marcas como Brastemp, Itaú Unibanco, Johnson & Johnson e Rede Globo.

View Comments (10)

  • Masotti ou Leonardo, gostaria que, se possível, me enviassem “URL onde a google desponibiliza o codigo fonte completo do Google Suggest “. Procurei no site do Google Suggest mas não encontrei.
    Muito Obrigado ...

  • Masotti, poderia por gentileza me enviar a "URL onde a google desponibiliza o codigo fonte completo do Google Suggest "?

    Obrigado...

  • E ai Blzera...!
    Sou programador de uma empresa software trabalho em programação usando Ajax e tive dando uma olhada no codigo Auto-Completar Ajax. Mas caso tenha interesse a eu te passarei a URL onde a google desponibiliza o codigo fonte completo do Google Suggest para dar uma olhada e talvez ajude com algumas coisas....!

    Faslow t+.!!!!

  • Pra mim também aparecem erros no firefox... vou ver se eu consigo arrumar isso .. se eu conseguir te dou um toque

  • Desculpe o post duplo é que nao da pra editar

    entao to usando um plug do firefox e assim que inicio o exemplo ele da uns erros:
    Erro no processamento do valor da propriedade 'cursor'. Declaração interrompida.ads?client=ca-pub-24... (line 2)
    Selector expected. Ruleset ignored due to bad selector.ads?client=ca-pub-24... (line 2)
    Fim de arquivo não esperado ao pesquisar por closing } of invalid rule set.ads?client=ca-pub-24... (line 2)
    Erro no processamento do valor da propriedade 'line-height'. Declaração interrompida.ads?client=ca-pub-24... (line 0)

    outra coisa era melhor que a lista aparece-se depois da primeira tecla digitada e nao com o click do mouse o google é assim
    e outra coisa na lista nao funciona as setas de posição pra subir e descer a lista ja no google da

    desculpa ai alguma coisa é que minha intenção é ajudar e ver se alguem arruma esses bugs e posta ai, eu nao posso ajudar muito com javascript meu forte é php se fosse em php eu ajudaria nao só com sujestos mas com codigo tbm

    abraços

  • Eu testei seu codigo e queria só avisar sobre uns bugs, talves vc ja saiba, tipo usando o firefox quando aparece a lista eu clico num item escolhido e a lista nao some dai eu clico em outro e a lista some mas escolhendo o primeiro item dai depois disso nao funciona mais o auto completar só se der F5

    valeu pelo tutorial