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[bb] 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: , , , , , ,

Publicado por

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.

10 comentários em “Auto-completar Ajax como o Google Suggest”

  1. 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 …

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

    Obrigado…

  3. 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+.!!!!

  4. 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

  5. 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

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *